Sakurai/pdf.js
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #16985 from calixteman/btn_bg

Browse Source 
[Editor] Change the colors for the disabled Save button in alt text dialoag in HCM
This commit is contained in:
calixteman 2023-09-20 19:03:01 +02:00 committed by GitHub
commit f2d75d9221
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
web/annotation_editor_layer_builder.css
View File

@ -610,6 +610,9 @@
--button-save-hover-bg-color: var(--button-save-bg-color); --button-save-hover-bg-color: var(--button-save-bg-color);
--button-save-hover-fg-color: var(--button-save-fg-color); --button-save-hover-fg-color: var(--button-save-fg-color);
--button-save-hover-border-color: var(--button-save-hover-bg-color); --button-save-hover-border-color: var(--button-save-hover-bg-color);
--button-save-disabled-bg-color: var(--button-save-bg-color);
--button-save-disabled-fg-color: var(--button-save-fg-color);
--button-save-disabled-opacity: 0.4;
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
--dialog-bg-color: #1c1b22; --dialog-bg-color: #1c1b22;
@ -659,6 +662,9 @@
--button-save-fg-color: ButtonFace; --button-save-fg-color: ButtonFace;
--button-save-hover-bg-color: AccentColor; --button-save-hover-bg-color: AccentColor;
--button-save-hover-fg-color: AccentColorText; --button-save-hover-fg-color: AccentColorText;
--button-save-disabled-bg-color: GrayText;
--button-save-disabled-fg-color: Canvas;
--button-save-disabled-opacity: 1;
} }
font: message-box; font: message-box;
@ -843,7 +849,9 @@
} }
&:disabled { &:disabled {
opacity: 0.4; color: var(--button-save-disabled-fg-color);
background-color: var(--button-save-disabled-bg-color);
opacity: var(--button-save-disabled-opacity);
pointer-events: none; pointer-events: none;
} }
} }

6
web/viewer.html
View File

@ -493,7 +493,7 @@ See https://github.com/adobe-type-tools/cmap-resources
<div id="addDescription"> <div id="addDescription">
<div class="radio"> <div class="radio">
<div class="radioButton"> <div class="radioButton">
<input type="radio" id="descriptionButton" name="altTextOption" tabindex="0" checked> <input type="radio" id="descriptionButton" name="altTextOption" tabindex="0" aria-describedby="descriptionAreaLabel" checked>
<label for="descriptionButton" data-l10n-id="editor_alt_text_add_description_label">Add a description</label> <label for="descriptionButton" data-l10n-id="editor_alt_text_add_description_label">Add a description</label>
</div> </div>
<div class="radioLabel"> <div class="radioLabel">
@ -509,11 +509,11 @@ See https://github.com/adobe-type-tools/cmap-resources
<div id="markAsDecorative"> <div id="markAsDecorative">
<div class="radio"> <div class="radio">
<div class="radioButton"> <div class="radioButton">
<input type="radio" id="decorativeButton" name="altTextOption"> <input type="radio" id="decorativeButton" name="altTextOption" aria-describedby="decorativeLabel">
<label for="decorativeButton" data-l10n-id="editor_alt_text_mark_decorative_label">Mark as decorative</label> <label for="decorativeButton" data-l10n-id="editor_alt_text_mark_decorative_label">Mark as decorative</label>
</div> </div>
<div class="radioLabel"> <div class="radioLabel">
<span data-l10n-id="editor_alt_text_mark_decorative_description"> <span id="decorativeLabel" data-l10n-id="editor_alt_text_mark_decorative_description">
This is used for ornamental images, like borders or watermarks. This is used for ornamental images, like borders or watermarks.
</span> </span>
</div> </div>