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-fg-color: var(--button-save-fg-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) {
--dialog-bg-color: #1c1b22;
@ -659,6 +662,9 @@
--button-save-fg-color: ButtonFace;
--button-save-hover-bg-color: AccentColor;
--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;
@ -843,7 +849,9 @@
}
&: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;
}
}

6
web/viewer.html
View File

@ -493,7 +493,7 @@ See https://github.com/adobe-type-tools/cmap-resources
<div id="addDescription">
<div class="radio">
<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>
</div>
<div class="radioLabel">
@ -509,11 +509,11 @@ See https://github.com/adobe-type-tools/cmap-resources
<div id="markAsDecorative">
<div class="radio">
<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>
</div>
<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.
</span>
</div>