Further fix collapsed search styling

This commit is contained in:
traumweh 2025-04-05 18:15:45 +02:00
commit 5618609833
Signed by: lilith
SSH key fingerprint: SHA256:WMHGS60rozMrHkA/VT+Ole85sPCLZ190yemdzY68WJo
3 changed files with 10 additions and 14 deletions

View file

@ -4,6 +4,7 @@
.content .row { .content .row {
> .col-xs-12 { > .col-xs-12 {
z-index: 1;
background-color: var(--color-background); background-color: var(--color-background);
@ -24,6 +25,7 @@
@media @screen_min-md { @media @screen_min-md {
> .col-xs-12 { > .col-xs-12 {
border-left: dashed 0.25em var(--color-shade-4); border-left: dashed 0.25em var(--color-shade-4);
border-radius: 0;
} }
} }
} }

View file

@ -117,7 +117,7 @@
width: 100%; width: 100%;
opacity: 1; opacity: 1;
font-weight: normal; font-weight: normal;
margin: -1px 0 @very-small-spacing; margin: 0 0 @very-small-spacing;
padding: 0.4rem 0.1rem; padding: 0.4rem 0.1rem;
text-decoration: none; text-decoration: none;
@ -316,7 +316,7 @@
#dokuwiki__aside { #dokuwiki__aside {
div.nav { div.nav {
a { a {
margin-left: 1px; margin-left: 0;
} }
} }
} }

View file

@ -58,33 +58,28 @@
p.toggleSearch { p.toggleSearch {
display: none; display: none;
margin: -2px 0 0; // reverse transparent border and box-sizing of a child
padding: 0; padding: 0;
@media @screen_max-xxlg {
margin-top: -1px;
}
a { a {
min-width: (@toggle-showsidebar_width + 0.1); /* must be a bit a wider than @toggle-showsidebar_width to hide right border */ min-width: (@toggle-showsidebar_width + 0.1); /* must be a bit a wider than @toggle-showsidebar_width to hide right border */
width: @main-ico-dummy; width: @main-ico-dummy;
border-radius: @fix_border-radius; border-radius: 0.5rem 0 0 0.5rem;
color: @ini_nav_menu_color; border-right: none;
background-color: var(--color-shade-1);
color: var(--color-foreground);
text-decoration: none; text-decoration: none;
box-sizing: border-box; box-sizing: border-box;
&::before { &::before {
position: absolute; width: 100%;
top: 50%;
left: 0;
color: inherit; color: inherit;
text-align: center; text-align: center;
margin-top: -(@icon-search_font-size / 2);
} }
&:hover, &:hover,
&:focus, &:focus,
&:active { &:active {
border-right: none;
background-color: transparent; background-color: transparent;
border-color: var(--color-glow-primary); border-color: var(--color-glow-primary);
color: var(--color-glow-primary); color: var(--color-glow-primary);
@ -125,7 +120,6 @@
button[type="submit"] { button[type="submit"] {
border: solid 1px transparent; border: solid 1px transparent;
border-right-color: var(--color-shade-4);
margin-left: -(@icon-size); margin-left: -(@icon-size);
&::after { &::after {