From 9dbe95c63c6cccf9dd607d4e6a4479ab1c879e40 Mon Sep 17 00:00:00 2001 From: Calixte Denizet Date: Mon, 18 Sep 2023 18:25:03 +0200 Subject: [PATCH] [Editor] Avoid to have some transparency in the icon used in the 'Alt text' button --- web/annotation_editor_layer_builder.css | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/web/annotation_editor_layer_builder.css b/web/annotation_editor_layer_builder.css index 2b7e3d621..e61071279 100644 --- a/web/annotation_editor_layer_builder.css +++ b/web/annotation_editor_layer_builder.css @@ -38,21 +38,21 @@ --editorInk-editing-cursor: url(images/cursor-editorInk.svg) 0 16, pointer; /*#endif*/ + --alt-text-opacity: 0.8; --alt-text-add-image: url(images/altText_add.svg); --alt-text-done-image: url(images/altText_done.svg); - --alt-text-bg-color: #2b2a33; + --alt-text-bg-color: rgba(43, 42, 51, var(--alt-text-opacity)); --alt-text-fg-color: #fbfbfe; --alt-text-border-color: var(--alt-text-bg-color); - --alt-text-hover-bg-color: #52525e; + --alt-text-hover-bg-color: rgba(82, 82, 94, var(--alt-text-opacity)); --alt-text-hover-fg-color: var(--alt-text-fg-color); --alt-text-hover-border-color: var(--alt-text-hover-bg-color); - --alt-text-active-bg-color: #5b5b66; + --alt-text-active-bg-color: rgba(91, 91, 102, var(--alt-text-opacity)); --alt-text-active-fg-color: var(--alt-text-fg-color); --alt-text-active-border-color: var(--alt-text-hover-bg-color); --alt-text-focus-outline-color: #0060df; --alt-text-focus-border-color: #f0f0f4; --alt-text-shadow: 0 2px 6px 0 rgba(28, 27, 34, 0.5); - --alt-text-opacity: 0.8; } @media (min-resolution: 1.1dppx) { @@ -461,7 +461,6 @@ font-size: 12px; border-radius: 4px; border: 1px solid var(--alt-text-border-color); - opacity: var(--alt-text-opacity); background-color: var(--alt-text-bg-color); box-shadow: var(--alt-text-shadow);