mirrors/pdf.js
1
0
Fork 0
mirror of https://github.com/mozilla/pdf.js.git synced 2025-04-19 22:58:07 +02:00
Code Activity

Merge pull request #17827 from calixteman/divider

Browse source 
[Editor] Add a divider before the show all button
This commit is contained in:
calixteman 2024-03-25 18:01:28 +01:00 • committed by GitHub
commit 3110a8a8dc
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 32 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

29
web/annotation_editor_layer_builder.css
View file

@ -1251,8 +1251,33 @@
#editorHighlightVisibility {
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: column;
align-items: flex-start;
gap: 8px;
align-self: stretch;
.divider {
--divider-color: #d7d7db;
@media (prefers-color-scheme: dark) {
--divider-color: #8f8f9d;
}
@media screen and (forced-colors: active) {
--divider-color: CanvasText;
}
margin-block: 4px;
width: 100%;
height: 1px;
background-color: var(--divider-color);
}
.toggler {
display: flex;
justify-content: space-between;
align-items: center;
align-self: stretch;
}
}
}

7
web/viewer.html
View file

@ -185,8 +185,11 @@ See https://github.com/adobe-type-tools/cmap-resources
</div>
</div>
<div id="editorHighlightVisibility">
<label for="editorHighlightShowAll" class="editorParamsLabel" data-l10n-id="pdfjs-editor-highlight-show-all-button-label">Show all</label>
<button id="editorHighlightShowAll" class="toggle-button" data-l10n-id="pdfjs-editor-highlight-show-all-button" aria-pressed="true" tabindex="102"></button>
<div class="divider"></div>
<div class="toggler">
<label for="editorHighlightShowAll" class="editorParamsLabel" data-l10n-id="pdfjs-editor-highlight-show-all-button-label">Show all</label>
<button id="editorHighlightShowAll" class="toggle-button" data-l10n-id="pdfjs-editor-highlight-show-all-button" aria-pressed="true" tabindex="102"></button>
</div>
</div>
</div>
</div>