Skip to content

hide_search bug #30

@SamyEpik

Description

@SamyEpik

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:
Image
Image

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.
Image

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:
Image
Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions