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

Remove the -webkit-mask-image/-webkit-mask-image CSS rules

Browse Source 
Given that we're now *building* the `web/viewer.css` file used in the development viewer, i.e. with `gulp server`, we no longer need to hard-code these `-webkit`-prefixed rules and can instead let Autoprefixer handle that for us.
This commit is contained in:
Jonas Jenwald 2022-03-14 12:36:39 +01:00
parent e59c2dc308
commit c5574864e1
1 changed files with 0 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
web/viewer.css
View File

@ -884,8 +884,6 @@ html[dir="rtl"] #toolbarViewerLeft > .toolbarButton:first-child {
.dropdownToolbarButton::after { .dropdownToolbarButton::after {
top: 6px; top: 6px;
pointer-events: none; pointer-events: none;
-webkit-mask-image: var(--toolbarButton-menuArrow-icon);
mask-image: var(--toolbarButton-menuArrow-icon); mask-image: var(--toolbarButton-menuArrow-icon);
} }
html[dir="ltr"] .dropdownToolbarButton::after { html[dir="ltr"] .dropdownToolbarButton::after {
@ -945,7 +943,6 @@ html[dir="rtl"] .dropdownToolbarButton::after {
content: ""; content: "";
background-color: var(--toolbar-icon-bg-color); background-color: var(--toolbar-icon-bg-color);
-webkit-mask-size: cover;
mask-size: cover; mask-size: cover;
} }
@ -980,7 +977,6 @@ html[dir="rtl"] .secondaryToolbarButton::before {
} }
.toolbarButton#sidebarToggle::before { .toolbarButton#sidebarToggle::before {
-webkit-mask-image: var(--toolbarButton-sidebarToggle-icon);
mask-image: var(--toolbarButton-sidebarToggle-icon); mask-image: var(--toolbarButton-sidebarToggle-icon);
} }
html[dir="rtl"] .toolbarButton#sidebarToggle::before { html[dir="rtl"] .toolbarButton#sidebarToggle::before {
@ -988,7 +984,6 @@ html[dir="rtl"] .toolbarButton#sidebarToggle::before {
} }
.toolbarButton#secondaryToolbarToggle::before { .toolbarButton#secondaryToolbarToggle::before {
-webkit-mask-image: var(--toolbarButton-secondaryToolbarToggle-icon);
mask-image: var(--toolbarButton-secondaryToolbarToggle-icon); mask-image: var(--toolbarButton-secondaryToolbarToggle-icon);
} }
html[dir="rtl"] .toolbarButton#secondaryToolbarToggle::before { html[dir="rtl"] .toolbarButton#secondaryToolbarToggle::before {
@ -996,56 +991,46 @@ html[dir="rtl"] .toolbarButton#secondaryToolbarToggle::before {
} }
.toolbarButton.findPrevious::before { .toolbarButton.findPrevious::before {
-webkit-mask-image: var(--findbarButton-previous-icon);
mask-image: var(--findbarButton-previous-icon); mask-image: var(--findbarButton-previous-icon);
} }
.toolbarButton.findNext::before { .toolbarButton.findNext::before {
-webkit-mask-image: var(--findbarButton-next-icon);
mask-image: var(--findbarButton-next-icon); mask-image: var(--findbarButton-next-icon);
} }
.toolbarButton.pageUp::before { .toolbarButton.pageUp::before {
-webkit-mask-image: var(--toolbarButton-pageUp-icon);
mask-image: var(--toolbarButton-pageUp-icon); mask-image: var(--toolbarButton-pageUp-icon);
} }
.toolbarButton.pageDown::before { .toolbarButton.pageDown::before {
-webkit-mask-image: var(--toolbarButton-pageDown-icon);
mask-image: var(--toolbarButton-pageDown-icon); mask-image: var(--toolbarButton-pageDown-icon);
} }
.toolbarButton.zoomOut::before { .toolbarButton.zoomOut::before {
-webkit-mask-image: var(--toolbarButton-zoomOut-icon);
mask-image: var(--toolbarButton-zoomOut-icon); mask-image: var(--toolbarButton-zoomOut-icon);
} }
.toolbarButton.zoomIn::before { .toolbarButton.zoomIn::before {
-webkit-mask-image: var(--toolbarButton-zoomIn-icon);
mask-image: var(--toolbarButton-zoomIn-icon); mask-image: var(--toolbarButton-zoomIn-icon);
} }
.toolbarButton.presentationMode::before, .toolbarButton.presentationMode::before,
.secondaryToolbarButton.presentationMode::before { .secondaryToolbarButton.presentationMode::before {
-webkit-mask-image: var(--toolbarButton-presentationMode-icon);
mask-image: var(--toolbarButton-presentationMode-icon); mask-image: var(--toolbarButton-presentationMode-icon);
} }
.toolbarButton.print::before, .toolbarButton.print::before,
.secondaryToolbarButton.print::before { .secondaryToolbarButton.print::before {
-webkit-mask-image: var(--toolbarButton-print-icon);
mask-image: var(--toolbarButton-print-icon); mask-image: var(--toolbarButton-print-icon);
} }
.toolbarButton.openFile::before, .toolbarButton.openFile::before,
.secondaryToolbarButton.openFile::before { .secondaryToolbarButton.openFile::before {
-webkit-mask-image: var(--toolbarButton-openFile-icon);
mask-image: var(--toolbarButton-openFile-icon); mask-image: var(--toolbarButton-openFile-icon);
} }
.toolbarButton.download::before, .toolbarButton.download::before,
.secondaryToolbarButton.download::before { .secondaryToolbarButton.download::before {
-webkit-mask-image: var(--toolbarButton-download-icon);
mask-image: var(--toolbarButton-download-icon); mask-image: var(--toolbarButton-download-icon);
} }
@ -1061,17 +1046,14 @@ html[dir="rtl"] .toolbarButton#secondaryToolbarToggle::before {
.toolbarButton.bookmark::before, .toolbarButton.bookmark::before,
.secondaryToolbarButton.bookmark::before { .secondaryToolbarButton.bookmark::before {
-webkit-mask-image: var(--toolbarButton-bookmark-icon);
mask-image: var(--toolbarButton-bookmark-icon); mask-image: var(--toolbarButton-bookmark-icon);
} }
#viewThumbnail.toolbarButton::before { #viewThumbnail.toolbarButton::before {
-webkit-mask-image: var(--toolbarButton-viewThumbnail-icon);
mask-image: var(--toolbarButton-viewThumbnail-icon); mask-image: var(--toolbarButton-viewThumbnail-icon);
} }
#viewOutline.toolbarButton::before { #viewOutline.toolbarButton::before {
-webkit-mask-image: var(--toolbarButton-viewOutline-icon);
mask-image: var(--toolbarButton-viewOutline-icon); mask-image: var(--toolbarButton-viewOutline-icon);
} }
html[dir="rtl"] #viewOutline.toolbarButton::before { html[dir="rtl"] #viewOutline.toolbarButton::before {
@ -1079,17 +1061,14 @@ html[dir="rtl"] #viewOutline.toolbarButton::before {
} }
#viewAttachments.toolbarButton::before { #viewAttachments.toolbarButton::before {
-webkit-mask-image: var(--toolbarButton-viewAttachments-icon);
mask-image: var(--toolbarButton-viewAttachments-icon); mask-image: var(--toolbarButton-viewAttachments-icon);
} }
#viewLayers.toolbarButton::before { #viewLayers.toolbarButton::before {
-webkit-mask-image: var(--toolbarButton-viewLayers-icon);
mask-image: var(--toolbarButton-viewLayers-icon); mask-image: var(--toolbarButton-viewLayers-icon);
} }
#currentOutlineItem.toolbarButton::before { #currentOutlineItem.toolbarButton::before {
-webkit-mask-image: var(--toolbarButton-currentOutlineItem-icon);
mask-image: var(--toolbarButton-currentOutlineItem-icon); mask-image: var(--toolbarButton-currentOutlineItem-icon);
} }
html[dir="rtl"] #currentOutlineItem.toolbarButton::before { html[dir="rtl"] #currentOutlineItem.toolbarButton::before {
@ -1097,7 +1076,6 @@ html[dir="rtl"] #currentOutlineItem.toolbarButton::before {
} }
#viewFind.toolbarButton::before { #viewFind.toolbarButton::before {
-webkit-mask-image: var(--toolbarButton-search-icon);
mask-image: var(--toolbarButton-search-icon); mask-image: var(--toolbarButton-search-icon);
} }
@ -1138,72 +1116,58 @@ html[dir="rtl"] .toolbarButton.pdfSidebarNotification::after {
} }
.secondaryToolbarButton.firstPage::before { .secondaryToolbarButton.firstPage::before {
-webkit-mask-image: var(--secondaryToolbarButton-firstPage-icon);
mask-image: var(--secondaryToolbarButton-firstPage-icon); mask-image: var(--secondaryToolbarButton-firstPage-icon);
} }
.secondaryToolbarButton.lastPage::before { .secondaryToolbarButton.lastPage::before {
-webkit-mask-image: var(--secondaryToolbarButton-lastPage-icon);
mask-image: var(--secondaryToolbarButton-lastPage-icon); mask-image: var(--secondaryToolbarButton-lastPage-icon);
} }
.secondaryToolbarButton.rotateCcw::before { .secondaryToolbarButton.rotateCcw::before {
-webkit-mask-image: var(--secondaryToolbarButton-rotateCcw-icon);
mask-image: var(--secondaryToolbarButton-rotateCcw-icon); mask-image: var(--secondaryToolbarButton-rotateCcw-icon);
} }
.secondaryToolbarButton.rotateCw::before { .secondaryToolbarButton.rotateCw::before {
-webkit-mask-image: var(--secondaryToolbarButton-rotateCw-icon);
mask-image: var(--secondaryToolbarButton-rotateCw-icon); mask-image: var(--secondaryToolbarButton-rotateCw-icon);
} }
.secondaryToolbarButton.selectTool::before { .secondaryToolbarButton.selectTool::before {
-webkit-mask-image: var(--secondaryToolbarButton-selectTool-icon);
mask-image: var(--secondaryToolbarButton-selectTool-icon); mask-image: var(--secondaryToolbarButton-selectTool-icon);
} }
.secondaryToolbarButton.handTool::before { .secondaryToolbarButton.handTool::before {
-webkit-mask-image: var(--secondaryToolbarButton-handTool-icon);
mask-image: var(--secondaryToolbarButton-handTool-icon); mask-image: var(--secondaryToolbarButton-handTool-icon);
} }
.secondaryToolbarButton.scrollPage::before { .secondaryToolbarButton.scrollPage::before {
-webkit-mask-image: var(--secondaryToolbarButton-scrollPage-icon);
mask-image: var(--secondaryToolbarButton-scrollPage-icon); mask-image: var(--secondaryToolbarButton-scrollPage-icon);
} }
.secondaryToolbarButton.scrollVertical::before { .secondaryToolbarButton.scrollVertical::before {
-webkit-mask-image: var(--secondaryToolbarButton-scrollVertical-icon);
mask-image: var(--secondaryToolbarButton-scrollVertical-icon); mask-image: var(--secondaryToolbarButton-scrollVertical-icon);
} }
.secondaryToolbarButton.scrollHorizontal::before { .secondaryToolbarButton.scrollHorizontal::before {
-webkit-mask-image: var(--secondaryToolbarButton-scrollHorizontal-icon);
mask-image: var(--secondaryToolbarButton-scrollHorizontal-icon); mask-image: var(--secondaryToolbarButton-scrollHorizontal-icon);
} }
.secondaryToolbarButton.scrollWrapped::before { .secondaryToolbarButton.scrollWrapped::before {
-webkit-mask-image: var(--secondaryToolbarButton-scrollWrapped-icon);
mask-image: var(--secondaryToolbarButton-scrollWrapped-icon); mask-image: var(--secondaryToolbarButton-scrollWrapped-icon);
} }
.secondaryToolbarButton.spreadNone::before { .secondaryToolbarButton.spreadNone::before {
-webkit-mask-image: var(--secondaryToolbarButton-spreadNone-icon);
mask-image: var(--secondaryToolbarButton-spreadNone-icon); mask-image: var(--secondaryToolbarButton-spreadNone-icon);
} }
.secondaryToolbarButton.spreadOdd::before { .secondaryToolbarButton.spreadOdd::before {
-webkit-mask-image: var(--secondaryToolbarButton-spreadOdd-icon);
mask-image: var(--secondaryToolbarButton-spreadOdd-icon); mask-image: var(--secondaryToolbarButton-spreadOdd-icon);
} }
.secondaryToolbarButton.spreadEven::before { .secondaryToolbarButton.spreadEven::before {
-webkit-mask-image: var(--secondaryToolbarButton-spreadEven-icon);
mask-image: var(--secondaryToolbarButton-spreadEven-icon); mask-image: var(--secondaryToolbarButton-spreadEven-icon);
} }
.secondaryToolbarButton.documentProperties::before { .secondaryToolbarButton.documentProperties::before {
-webkit-mask-image: var(--secondaryToolbarButton-documentProperties-icon);
mask-image: var(--secondaryToolbarButton-documentProperties-icon); mask-image: var(--secondaryToolbarButton-documentProperties-icon);
} }
@ -1425,11 +1389,9 @@ html[dir="rtl"] .treeItem > .treeItems {
color: rgba(255, 255, 255, 0.5); color: rgba(255, 255, 255, 0.5);
} }
.treeItemToggler::before { .treeItemToggler::before {
-webkit-mask-image: var(--treeitem-expanded-icon);
mask-image: var(--treeitem-expanded-icon); mask-image: var(--treeitem-expanded-icon);
} }
.treeItemToggler.treeItemsHidden::before { .treeItemToggler.treeItemsHidden::before {
-webkit-mask-image: var(--treeitem-collapsed-icon);
mask-image: var(--treeitem-collapsed-icon); mask-image: var(--treeitem-collapsed-icon);
} }
html[dir="rtl"] .treeItemToggler.treeItemsHidden::before { html[dir="rtl"] .treeItemToggler.treeItemsHidden::before {