luxick/luxtools-template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rework handling of icons and tinting of external icons

Browse Source
This commit is contained in:
luxick
2026-02-25 13:34:34 +01:00
parent f0b768e5bb
commit 582ed5fd60
31 changed files with 70 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
css/_edit.css
View File

@@ -30,6 +30,27 @@
float: right;
}
.dokuwiki div.toolbar #tool__bar button.toolbutton .toolicon {
display: inline-block;
width: 16px;
height: 16px;
background-color: @ini_icons;
-webkit-mask-image: var(--icon-url);
mask-image: var(--icon-url);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.dokuwiki div.toolbar #tool__bar button.toolbutton:hover .toolicon,
.dokuwiki div.toolbar #tool__bar button.toolbutton:active .toolicon,
.dokuwiki div.toolbar #tool__bar button.toolbutton:focus .toolicon {
background-color: @ini_link;
}
/* picker popups (outside of .dokuwiki) */
div.picker {
width: 300px;