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

Merge pull request #14669 from Snuffleupagus/padding-inline

Browse Source 
Replace `dir`-dependent `padding-left`/`padding-right`/`text-align` with logical properties
This commit is contained in:
Tim van der Meij 2022-03-13 20:51:07 +01:00 committed by GitHub
commit 90c5e9882b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
web/viewer.css
View File

@ -904,21 +904,15 @@ html[dir="rtl"] .dropdownToolbarButton::after {
color: var(--main-color); color: var(--main-color);
margin: 0; margin: 0;
padding: 1px 0 2px; padding: 1px 0 2px;
padding-inline-start: 4px;
border: none; border: none;
background-color: var(--dropdown-btn-bg-color); background-color: var(--dropdown-btn-bg-color);
} }
html[dir="ltr"] .dropdownToolbarButton > select {
padding-left: 4px;
}
html[dir="rtl"] .dropdownToolbarButton > select {
padding-right: 4px;
}
.dropdownToolbarButton > select:hover, .dropdownToolbarButton > select:hover,
.dropdownToolbarButton > select:focus-visible { .dropdownToolbarButton > select:focus-visible {
background-color: var(--button-hover-color); background-color: var(--button-hover-color);
color: var(--toggled-btn-color); color: var(--toggled-btn-color);
} }
.dropdownToolbarButton > select > option { .dropdownToolbarButton > select > option {
background: var(--doorhanger-bg-color); background: var(--doorhanger-bg-color);
color: var(--main-color); color: var(--main-color);
@ -1129,28 +1123,18 @@ html[dir="rtl"] .toolbarButton.pdfSidebarNotification::after {
position: relative; position: relative;
margin: 0; margin: 0;
padding: 0 0 1px; padding: 0 0 1px;
padding-inline-start: 36px;
height: auto; height: auto;
min-height: 26px; min-height: 26px;
width: auto; width: auto;
min-width: 100%; min-width: 100%;
text-align: start;
white-space: normal; white-space: normal;
border-radius: 0; border-radius: 0;
box-sizing: border-box; box-sizing: border-box;
} }
html[dir="ltr"] .secondaryToolbarButton { .secondaryToolbarButton > span {
padding-left: 36px; padding-inline-end: 4px;
text-align: left;
}
html[dir="rtl"] .secondaryToolbarButton {
padding-right: 36px;
text-align: right;
}
html[dir="ltr"] .secondaryToolbarButton > span {
padding-right: 4px;
}
html[dir="rtl"] .secondaryToolbarButton > span {
padding-left: 4px;
} }
.secondaryToolbarButton.firstPage::before { .secondaryToolbarButton.firstPage::before {
@ -1309,11 +1293,8 @@ html[dir="rtl"] .toolbarField[type="checkbox"] {
cursor: default; cursor: default;
} }
html[dir="ltr"] #numPages.toolbarLabel { #numPages.toolbarLabel {
padding-left: 3px; padding-inline-start: 3px;
}
html[dir="rtl"] #numPages.toolbarLabel {
padding-right: 3px;
} }
#thumbnailView { #thumbnailView {
@ -1419,6 +1400,8 @@ html[dir="rtl"] .treeItem > .treeItems {
min-width: calc(100% - 4px); min-width: calc(100% - 4px);
height: auto; height: auto;
margin-bottom: 1px; margin-bottom: 1px;
padding: 2px 0 5px;
padding-inline-start: 4px;
border-radius: 2px; border-radius: 2px;
color: var(--treeitem-color); color: var(--treeitem-color);
font-size: 13px; font-size: 13px;
@ -1427,21 +1410,12 @@ html[dir="rtl"] .treeItem > .treeItems {
white-space: normal; white-space: normal;
cursor: pointer; cursor: pointer;
} }
html[dir="ltr"] .treeItem > a {
padding: 2px 0 5px 4px;
}
html[dir="rtl"] .treeItem > a {
padding: 2px 4px 5px 0;
}
#layersView .treeItem > a > * { #layersView .treeItem > a > * {
cursor: pointer; cursor: pointer;
} }
html[dir="ltr"] #layersView .treeItem > a > label { #layersView .treeItem > a > label {
padding-left: 4px; padding-inline-start: 4px;
}
html[dir="rtl"] #layersView .treesItem > a > label {
padding-right: 4px;
} }
.treeItemToggler { .treeItemToggler {
@ -1604,12 +1578,7 @@ html[dir="rtl"] .treeItemToggler::before {
} }
#documentPropertiesOverlay .row > * { #documentPropertiesOverlay .row > * {
min-width: 100px; min-width: 100px;
} text-align: start;
html[dir="ltr"] #documentPropertiesOverlay .row > * {
text-align: left;
}
html[dir="rtl"] #documentPropertiesOverlay .row > * {
text-align: right;
} }
#documentPropertiesOverlay .row > span { #documentPropertiesOverlay .row > span {
width: 125px; width: 125px;