Merge pull request #12679 from Snuffleupagus/pr-12666-followup

Fix the `treeitem-expanded`/`treeitem-collapsed` images in dark-mode (PR 12666 follow-up)
This commit is contained in:
Tim van der Meij 2020-12-02 21:51:02 +01:00 committed by GitHub
commit 7325382db3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -955,7 +955,8 @@ html[dir="rtl"] #findNext {
.toolbarButton::before,
.secondaryToolbarButton::before,
.dropdownToolbarButton::after {
.dropdownToolbarButton::after,
.treeItemToggler::before {
/* All matching images have a size of 16x16
* All relevant containers have a size of 28x28 */
position: absolute;
@ -1450,14 +1451,12 @@ html[dir="rtl"] #layersView .treesItem > a > label {
color: rgba(255, 255, 255, 0.5);
}
.treeItemToggler::before {
content: var(--treeitem-expanded-icon);
display: inline-block;
position: absolute;
max-width: 16px;
-webkit-mask-image: var(--treeitem-expanded-icon);
mask-image: var(--treeitem-expanded-icon);
}
.treeItemToggler.treeItemsHidden::before {
content: var(--treeitem-collapsed-icon);
max-width: 16px;
-webkit-mask-image: var(--treeitem-collapsed-icon);
mask-image: var(--treeitem-collapsed-icon);
}
html[dir="rtl"] .treeItemToggler.treeItemsHidden::before {
transform: scaleX(-1);