Fix lang-switcher and toc styling

This commit is contained in:
traumweh 2025-04-05 13:03:01 +02:00
commit bb4043a39d
Signed by: lilith
SSH key fingerprint: SHA256:WMHGS60rozMrHkA/VT+Ole85sPCLZ190yemdzY68WJo
2 changed files with 20 additions and 44 deletions

View file

@ -22,7 +22,7 @@
// >= 1024 // >= 1024
@media @screen_min-md { @media @screen_min-md {
height: @page-header_height; height: @page-header_height;
border: 1px solid transparent; border: 0 none;
} }
// < 1024 // < 1024
@ -121,26 +121,17 @@
position: relative; position: relative;
display: block; display: block;
font-size: @font-size-small; font-size: @font-size-small;
transition: @transition background-color, @transition border-color, @transition color; transition: var(--transition-glow);
background-color: var(--color-shade-1);
@media @screen_min-md { border: solid 0.1em var(--color-shade-2);
background-color: var(--color-background); border-radius: 0.5rem;
border: 1px solid var(--color-shade-4);
border-bottom-color: var(--color-background);
border-radius: @ini_default_border_radius @ini_default_border_radius 0 0; // @ini_default_border_radius vs. @fix_border-radius
color: var(--color-foreground); color: var(--color-foreground);
margin-left: 4px; padding: .25em;
padding: .3em 1rem .1em; margin-left: 0;
}
@media @screen_max-md { @media @screen_max-md {
background-color: var(--color-background);
top: 0; top: 0;
border: 1px solid var(--color-shade-4);
color: var(--color-foreground);
margin-top: .2rem; margin-top: .2rem;
margin-left: 0;
padding: .2em .3rem;
} }
* { * {
@ -159,35 +150,16 @@
&:focus, &:focus,
&:active { &:active {
text-decoration: none; text-decoration: none;
background-color: transparent;
@media @screen_min-md { border-color: var(--color-glow-secondary);
background-color: var(--color-background); color: var(--color-glow-secondary);
border-color: var(--color-shade-4); filter: var(--filter-glow-secondary);
color: var(--color-foreground);
}
@media @screen_max-md {
background-color: var(--color-shade-4);
border-color: var(--color-background);
color: var(--color-foreground);
}
} }
} }
&.active { &.active {
> a { > a {
cursor: default; cursor: default;
background-color: var(--color-background);
border-color: var(--color-shade-4);
border-bottom-color: var(--color-background);
color: var(--color-foreground);
@media @screen_max-md {
background-color: var(--color-shade-4);
border-bottom-color: var(--color-shade-4);
border-radius: 0;
color: var(--color-foreground);
}
} }
} }
} }
@ -208,15 +180,16 @@
right: 0; right: 0;
display: none; display: none;
width: 100%; width: 100%;
background-color: var(--color-background); background-color: var(--color-shade-1);
border: 1px solid var(--color-shade-4); border: solid .1em var(--color-shade-2);
border-radius: 0.5rem;
@media @screen_min-xs { @media @screen_min-xs {
min-width: 20em; min-width: 20em;
} }
@media @screen_min-md { @media @screen_min-md {
border-radius: 0 0 @fix_border-radius @fix_border-radius; // @ini_default_border_radius vs. @fix_border-radius margin-top: 0.5rem;
} }
&.active { &.active {
@ -266,7 +239,8 @@
float: none; float: none;
margin: 0; margin: 0;
padding: .6rem .5rem .5rem .8rem; padding: .6rem .5rem .5rem .8rem;
background: transparent; background-color: transparent;
color: var(--color-foreground);
border: 0 none; border: 0 none;
h3 { h3 {

View file

@ -21,6 +21,8 @@
} }
ul li { ul li {
margin-top: 0;
// active language // active language
span.wikilink1 { span.wikilink1 {
.fnButton(); .fnButton();