Marmelator/pdf.js.mirror
1
0
Fork 0
mirror of https://github.com/mozilla/pdf.js.git synced 2026-04-18 11:14:02 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix the outline of the deselect button in the sidebar (bug 2024156)

Browse Source 
I noticed a typo in class name (hiddden for hidden) and I found few others I fixed.
This commit is contained in:
Calixte Denizet 2026-03-18 12:53:44 +01:00
parent 979d9c3091
commit bab17136ed
2 changed files with 21 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/viewer.html
View File

@ -191,7 +191,7 @@ See https://github.com/adobe-type-tools/cmap-resources
<span id="viewsManagerStatusActionLabelContainer" class="viewsManagerStatusLabel">
<button
id="viewsManagerStatusActionDeselectButton"
class="hiddden"
class="hidden"
type="button"
tabindex="0"
role="checkbox"
@ -1136,7 +1136,7 @@ See https://github.com/adobe-type-tools/cmap-resources
></button>
</div>
<div id="addSignatureActionContainer" data-selected="type">
<div id="addSignatureTypeContainer" role="tabpanel" aria-labelledby="addSignatureTypeContainer">
<div id="addSignatureTypeContainer" role="tabpanel" aria-labelledby="addSignatureTypeButton">
<input id="addSignatureTypeInput" type="text" data-l10n-id="pdfjs-editor-add-signature-type-input" tabindex="0" />
</div>
<div id="addSignatureDrawContainer" role="tabpanel" aria-labelledby="addSignatureDrawButton" tabindex="-1">
@ -1213,7 +1213,7 @@ See https://github.com/adobe-type-tools/cmap-resources
</dialog>
<dialog class="dialog signatureDialog" id="editSignatureDescriptionDialog" aria-labelledby="editSignatureDescriptionTitle">
<div id="editSignatureDescriptionContainer" class="mainContainer">
<div class="mainContainer">
<div class="title">
<span id="editSignatureDescriptionTitle" role="sectionhead" data-l10n-id="pdfjs-editor-edit-signature-dialog-title" tabindex="0"></span>
</div>

22
web/views_manager.css
View File

@ -418,15 +418,29 @@
background-color: var(--status-actions-bg);
#viewsManagerStatusActionLabelContainer > button {
position: relative;
width: var(--icon-size);
height: var(--icon-size);
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--indicator-color);
mask-image: var(--pages-selected-icon);
border: none;
padding: 0;
flex: 0 0 auto;
&::before {
content: "";
position: absolute;
inset: 0;
mask-repeat: no-repeat;
mask-position: center;
background-color: var(--indicator-color);
mask-image: var(--pages-selected-icon);
}
&#viewsManagerStatusActionDeselectButton:focus-visible {
outline: 2px solid var(--button-focus-outline-color);
border: 1px solid var(--button-focus-border-color);
border-radius: 2px;
outline-offset: 1px;
}
}
#actionSelector {