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

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