Marmelator/pdf.js.mirror
1
0
Fork 0
mirror of https://github.com/mozilla/pdf.js.git synced 2026-06-22 16:05:56 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #20743 from calixteman/bug2010822

Browse Source 
Tweak the background color of the sidebar (bug 2010822)
This commit is contained in:
Tim van der Meij 2026-02-26 22:01:50 +01:00 committed by GitHub
commit f626a368a5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 12 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/viewer.css
View File

@ -1360,11 +1360,15 @@ dialog :link {
height: 1px; height: 1px;
} }
#toolbarViewerLeft #numPages.toolbarLabel { #toolbarViewerLeft {
margin-inline-start: 8px;
#numPages.toolbarLabel {
padding-inline-start: 3px; padding-inline-start: 3px;
flex: none; flex: none;
} }
} }
}
#loadingBar { #loadingBar {
/* Define these variables here, and not in :root, to avoid reflowing the /* Define these variables here, and not in :root, to avoid reflowing the

8
web/views_manager.css
View File

@ -23,7 +23,7 @@
&.viewsManagerOpen { &.viewsManagerOpen {
#viewsManager { #viewsManager {
visibility: visible; visibility: visible;
inset-inline-start: 1px; inset-inline-start: 8px;
} }
#viewerContainer:not(.pdfPresentationMode) { #viewerContainer:not(.pdfPresentationMode) {
@ -53,7 +53,7 @@
--pages-selected-icon: url(images/pages_selected.svg); --pages-selected-icon: url(images/pages_selected.svg);
--spinner-icon: url(images/altText_spinner.svg); --spinner-icon: url(images/altText_spinner.svg);
--sidebar-bg-color: light-dark(rgb(255 255 255 / 0.92), rgb(35 34 43 / 0.92)); --sidebar-bg-color: light-dark(rgb(255 255 255 / 0.92), rgb(66 65 77 / 0.92));
--sidebar-backdrop-filter: blur(7px); --sidebar-backdrop-filter: blur(7px);
--sidebar-width: 230px; --sidebar-width: 230px;
--sidebar-min-width: min-content; --sidebar-min-width: min-content;
@ -86,13 +86,14 @@
--header-shadow: --header-shadow:
0 0.25px 0.75px -0.75px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)), 0 0.25px 0.75px -0.75px light-dark(rgb(0 0 0 / 0.05), rgb(0 0 0 / 0.2)),
0 2px 6px -6px light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4)); 0 2px 6px -6px light-dark(rgb(0 0 0 / 0.1), rgb(0 0 0 / 0.4));
--header-bg: light-dark(rgb(255 255 255 / 0.92), #42414e);
--image-outline: none; --image-outline: none;
--image-border-width: 6px; --image-border-width: 6px;
--image-border-color: light-dark(#cfcfd8, #3a3944); --image-border-color: light-dark(#cfcfd8, #3a3944);
--image-hover-border-color: #bfbfc9; --image-hover-border-color: #bfbfc9;
--image-current-border-color: var(--button-focus-outline-color); --image-current-border-color: var(--button-focus-outline-color);
--image-current-focused-outline-color: var(--image-hover-border-color); --image-current-focused-outline-color: var(--image-hover-border-color);
--image-page-number-bg: light-dark(#f0f0f4, #23222b); --image-page-number-bg: light-dark(#f0f0f4, #42414d);
--image-page-number-fg: var(--text-color); --image-page-number-fg: var(--text-color);
--image-page-number-border-color: transparent; --image-page-number-border-color: transparent;
--image-hover-page-number-bg: var(--image-page-number-bg); --image-hover-page-number-bg: var(--image-page-number-bg);
@ -243,6 +244,7 @@
width: 100%; width: 100%;
box-shadow: var(--header-shadow); box-shadow: var(--header-shadow);
flex: 0 0 auto; flex: 0 0 auto;
background-color: var(--header-bg);
.viewsManagerLabel { .viewsManagerLabel {
flex: 1 0 0; flex: 1 0 0;