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

Merge pull request #14691 from Snuffleupagus/border-inline

Browse Source 
Replace `dir`-dependent `border`-rules with logical properties
This commit is contained in:
Tim van der Meij 2022-03-23 20:43:15 +01:00 committed by GitHub
commit db4f3adc5e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
web/viewer.css
View File

@ -240,16 +240,11 @@ select {
visibility: hidden; visibility: hidden;
z-index: 100; z-index: 100;
border-top: 1px solid rgba(51, 51, 51, 1); border-top: 1px solid rgba(51, 51, 51, 1);
border-inline-end: var(--doorhanger-border-color-whcm);
transition-property: inset-inline-start; transition-property: inset-inline-start;
transition-duration: var(--sidebar-transition-duration); transition-duration: var(--sidebar-transition-duration);
transition-timing-function: var(--sidebar-transition-timing-function); transition-timing-function: var(--sidebar-transition-timing-function);
} }
html[dir="ltr"] #sidebarContainer {
border-right: var(--doorhanger-border-color-whcm);
}
html[dir="rtl"] #sidebarContainer {
border-left: var(--doorhanger-border-color-whcm);
}
#outerContainer.sidebarResizing #sidebarContainer { #outerContainer.sidebarResizing #sidebarContainer {
/* Improve responsiveness and avoid visual glitches when the sidebar is resized. */ /* Improve responsiveness and avoid visual glitches when the sidebar is resized. */
@ -484,16 +479,9 @@ html[dir="rtl"] #toolbarSidebar {
.findbar .splitToolbarButton > .findNext { .findbar .splitToolbarButton > .findNext {
width: 29px; width: 29px;
} border-start-end-radius: 2px;
html[dir="ltr"] .findbar .splitToolbarButton > .findNext { border-end-end-radius: 2px;
border-bottom-right-radius: 2px; border-inline-end: 1px solid var(--field-border-color);
border-top-right-radius: 2px;
border-right: 1px solid var(--field-border-color);
}
html[dir="rtl"] .findbar .splitToolbarButton > .findNext {
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
border-left: 1px solid var(--field-border-color);
} }
.findbar input[type="checkbox"] { .findbar input[type="checkbox"] {
@ -510,15 +498,6 @@ html[dir="rtl"] .findbar .splitToolbarButton > .findNext {
background-color: var(--button-hover-color); background-color: var(--button-hover-color);
} }
html[dir="ltr"] #findInput {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
html[dir="rtl"] #findInput {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.findbar .toolbarField[type="checkbox"]:checked + .toolbarLabel { .findbar .toolbarField[type="checkbox"]:checked + .toolbarLabel {
background-color: var(--toggled-btn-bg-color) !important; background-color: var(--toggled-btn-bg-color) !important;
color: var(--toggled-btn-color); color: var(--toggled-btn-color);
@ -526,6 +505,8 @@ html[dir="rtl"] #findInput {
#findInput { #findInput {
width: 200px; width: 200px;
border-start-end-radius: 0;
border-end-end-radius: 0;
} }
#findInput::-webkit-input-placeholder { #findInput::-webkit-input-placeholder {
color: rgba(191, 191, 191, 1); color: rgba(191, 191, 191, 1);