EH22/dokuwiki-template-sprintdoc-modified
0
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix tools styling

Browse source
This commit is contained in:
traumweh 2025-04-05 13:24:08 +02:00
commit 7f03663a90
Signed by: lilith
SSH key fingerprint: SHA256:WMHGS60rozMrHkA/VT+Ole85sPCLZ190yemdzY68WJo
1 changed files with 17 additions and 19 deletions
Download patch file Download diff file Expand all files Collapse all files

36
css/area_nav-pagetools.less
View file

@ -100,10 +100,11 @@ nav#dokuwiki__pagetools {
} }
&:focus { &:focus {
box-shadow: @box-shadow; box-shadow: none;
background-image: none; background-image: none;
background-color: var(--color-background); color: var(--color-glow-primary);
color: @ini_existing; transition: var(--transition-glow);
filter: var(--filter-glow-primary);
span { span {
position: relative; position: relative;
@ -113,7 +114,7 @@ nav#dokuwiki__pagetools {
} }
svg { svg {
fill: @ini_existing; fill: var(--color-glow-primary);
} }
} }
@ -131,14 +132,7 @@ nav#dokuwiki__pagetools {
vertical-align: middle; vertical-align: middle;
border: solid 1px transparent; border: solid 1px transparent;
margin: @page-tools_svg-space; margin: @page-tools_svg-space;
fill: var(--color-foreground);
@media @screen_min-md {
fill: @ini_nav_menu_color;
}
@media @screen_max-md {
fill: @ini_existing;
}
} }
&.top { &.top {
@ -151,11 +145,11 @@ nav#dokuwiki__pagetools {
&:hover { &:hover {
ul { ul {
box-shadow: @box-shadow; // @box-shadow-offset; box-shadow: @box-shadow; // @box-shadow-offset;
background-color: var(--color-background); background-color: var(--color-shade-1);
border-color: @wikiicons-border; border-color: var(--color-shade-2);
li { li {
color: @ini_existing; color: var(--color-foreground);
a { a {
box-shadow: none; box-shadow: none;
@ -166,17 +160,21 @@ nav#dokuwiki__pagetools {
svg { svg {
border: solid 1px transparent; border: solid 1px transparent;
border-radius: @ini_default_border_radius; border-radius: @ini_default_border_radius;
fill: @ini_existing; fill: var(--color-foreground);
transition: @transition background-color, @transition border-color, @transition fill; transition: @transition background-color, @transition border-color, @transition fill;
} }
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
color: var(--color-glow-primary);
transition: var(--transition-glow);
filter: var(--filter-glow-primary);
svg { svg {
background-color: @ini_existing; background-color: transparent;
border-color: @ini_existing; border: none;
fill: var(--color-background); fill: var(--color-glow-primary);
} }
} }