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

Merge pull request #13039 from Snuffleupagus/issue-13036

Browse Source 
Change the background to ensure that the sidebar is visible/readable when the viewer is narrow (issue 13036)
This commit is contained in:
Tim van der Meij 2021-03-01 23:25:44 +01:00 committed by GitHub
commit 9d91237d14
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/viewer.css
View File

@ -34,7 +34,8 @@
--scrollbar-bg-color: auto; --scrollbar-bg-color: auto;
--toolbar-icon-bg-color: rgba(0, 0, 0, 1); --toolbar-icon-bg-color: rgba(0, 0, 0, 1);
--sidebar-bg-color: rgba(245, 246, 247, 1); --sidebar-narrow-bg-color: rgba(237, 237, 240, 0.9);
--sidebar-toolbar-bg-color: rgba(245, 246, 247, 1);
--toolbar-bg-color: rgba(249, 249, 250, 1); --toolbar-bg-color: rgba(249, 249, 250, 1);
--toolbar-border-color: rgba(204, 204, 204, 1); --toolbar-border-color: rgba(204, 204, 204, 1);
--button-hover-color: rgba(221, 222, 223, 1); --button-hover-color: rgba(221, 222, 223, 1);
@ -108,7 +109,8 @@
--scrollbar-bg-color: rgba(35, 35, 39, 1); --scrollbar-bg-color: rgba(35, 35, 39, 1);
--toolbar-icon-bg-color: rgba(255, 255, 255, 1); --toolbar-icon-bg-color: rgba(255, 255, 255, 1);
--sidebar-bg-color: rgba(50, 50, 52, 1); --sidebar-narrow-bg-color: rgba(42, 42, 46, 0.9);
--sidebar-toolbar-bg-color: rgba(50, 50, 52, 1);
--toolbar-bg-color: rgba(56, 56, 61, 1); --toolbar-bg-color: rgba(56, 56, 61, 1);
--toolbar-border-color: rgba(12, 12, 13, 1); --toolbar-border-color: rgba(12, 12, 13, 1);
--button-hover-color: rgba(102, 102, 103, 1); --button-hover-color: rgba(102, 102, 103, 1);
@ -321,7 +323,7 @@ html[dir="rtl"]
#toolbarSidebar { #toolbarSidebar {
width: 100%; width: 100%;
height: 32px; height: 32px;
background-color: var(--sidebar-bg-color); background-color: var(--sidebar-toolbar-bg-color);
} }
html[dir="ltr"] #toolbarSidebar { html[dir="ltr"] #toolbarSidebar {
box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.15), box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(0, 0, 0, 0.15),
@ -1789,8 +1791,8 @@ html[dir="rtl"] #documentPropertiesOverlay .row > * {
} }
@media all and (max-width: 840px) { @media all and (max-width: 840px) {
#sidebarContent { #sidebarContainer {
background-color: rgba(0, 0, 0, 0.7); background-color: var(--sidebar-narrow-bg-color);
} }
html[dir="ltr"] #outerContainer.sidebarOpen #viewerContainer { html[dir="ltr"] #outerContainer.sidebarOpen #viewerContainer {