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

Merge pull request #15874 from Snuffleupagus/progressBar-decouple-colors

Browse Source 
Decouple the loadingBar `background-color` from the rest of the viewer
This commit is contained in:
Tim van der Meij 2022-12-31 15:14:59 +01:00 committed by GitHub
commit 3fd2a35482
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/viewer-geckoview.css
View File

@ -39,12 +39,8 @@
:root {
--main-color: rgba(249, 249, 250, 1);
--body-bg-color: rgba(42, 42, 46, 1);
--progressBar-color: rgba(0, 96, 223, 1);
--progressBar-indeterminate-bg-color: rgba(40, 40, 43, 1);
--progressBar-indeterminate-blend-color: rgba(20, 68, 133, 1);
--scrollbar-color: rgba(121, 121, 123, 1);
--scrollbar-bg-color: rgba(35, 35, 39, 1);
--dialog-button-bg-color: rgba(92, 92, 97, 1);
--dialog-button-hover-bg-color: rgba(115, 115, 115, 1);
}

20
web/viewer.css
View File

@ -30,8 +30,8 @@
--progressBar-percent: 0%;
--progressBar-end-offset: 0;
--progressBar-color: rgba(10, 132, 255, 1);
--progressBar-indeterminate-bg-color: rgba(221, 221, 222, 1);
--progressBar-indeterminate-blend-color: rgba(116, 177, 239, 1);
--progressBar-bg-color: rgba(221, 221, 222, 1);
--progressBar-blend-color: rgba(116, 177, 239, 1);
--scrollbar-color: auto;
--scrollbar-bg-color: auto;
--toolbar-icon-bg-color: rgba(0, 0, 0, 1);
@ -123,8 +123,8 @@
--main-color: rgba(249, 249, 250, 1);
--body-bg-color: rgba(42, 42, 46, 1);
--progressBar-color: rgba(0, 96, 223, 1);
--progressBar-indeterminate-bg-color: rgba(40, 40, 43, 1);
--progressBar-indeterminate-blend-color: rgba(20, 68, 133, 1);
--progressBar-bg-color: rgba(40, 40, 43, 1);
--progressBar-blend-color: rgba(20, 68, 133, 1);
--scrollbar-color: rgba(121, 121, 123, 1);
--scrollbar-bg-color: rgba(35, 35, 39, 1);
--toolbar-icon-bg-color: rgba(255, 255, 255, 1);
@ -374,7 +374,7 @@ body {
position: absolute;
inset-inline: 0 var(--progressBar-end-offset);
height: 4px;
background-color: var(--body-bg-color);
background-color: var(--progressBar-bg-color);
border-bottom: 1px solid var(--toolbar-border-color);
transition-property: inset-inline-start;
transition-duration: var(--sidebar-transition-duration);
@ -409,7 +409,7 @@ body {
#loadingBar.indeterminate .progress {
transform: none;
background-color: var(--progressBar-indeterminate-bg-color);
background-color: var(--progressBar-bg-color);
transition: none;
}
@ -421,12 +421,12 @@ body {
width: calc(100% + 150px);
background: repeating-linear-gradient(
135deg,
var(--progressBar-indeterminate-blend-color) 0,
var(--progressBar-indeterminate-bg-color) 5px,
var(--progressBar-indeterminate-bg-color) 45px,
var(--progressBar-blend-color) 0,
var(--progressBar-bg-color) 5px,
var(--progressBar-bg-color) 45px,
var(--progressBar-color) 55px,
var(--progressBar-color) 95px,
var(--progressBar-indeterminate-blend-color) 100px
var(--progressBar-blend-color) 100px
);
animation: progressIndeterminate 1s linear infinite;
}