when hide_search is enabled and #input is styled wierd stuff happens.
after experimenting with wofi i noticed visual glitches after setting hide_search=true in my config.
there was a weird margin at the bottom and sometimes it took up almost the whole application:


after some time i noticed that if i remove anything that affects #input in the stylesheet, the margin would be gone. i assume this is because the css effects of the input somehow still apply the the search bar, even if its hidden.

after playing around with the attributes i found that:
- removing the font-weight fixed the margin taking up the entire screen sometimes
- removing padding and margin fixed the margin issue
here is the css snippet before:
#input {
padding: 0.25em 0.6em;
margin: 10px 10px 4px 10px;
border: none;
font-weight: 700;
background-color: @background;
outline: none;
border-radius: 12px;
}
#input:focus {
border: none;
margin-bottom: 4px;
box-shadow: inset 0 0 0 2px @color13;
}
and here after:
#input {
border: none;
background-color: @background;
outline: none;
border-radius: 12px;
}
#input:focus {
border: none;
margin-bottom: 4px;
box-shadow: inset 0 0 0 2px @color13;
}
for reference here is my search bar with hide_search enabled before and after the styling fix:


when hide_search is enabled and #input is styled wierd stuff happens.
after experimenting with wofi i noticed visual glitches after setting hide_search=true in my config.
there was a weird margin at the bottom and sometimes it took up almost the whole application:


after some time i noticed that if i remove anything that affects #input in the stylesheet, the margin would be gone. i assume this is because the css effects of the input somehow still apply the the search bar, even if its hidden.

after playing around with the attributes i found that:
here is the css snippet before:
and here after:
for reference here is my search bar with hide_search enabled before and after the styling fix:

