#Shorten search bar

1 messages · Page 1 of 1 (latest)

empty crown
#

I'm annoyed by the fact that the search bar takes up so much space for no reason, so I fixed it.
Put this at the top of your QuickCSS:

@import url('https://gist.githubusercontent.com/its-mrarsikk/007dc03179844031dc0586dd89b3bd9c/raw/0a9c811090573904076fa86506fe68d0a4515e64/shorter-search-bar.css');

If you would like to tweak the sizes, add this:

/* Shorter search bar */
:root {
  /* Search bar size when not focused */
  --vr-search-bar-width-short: 120px;
  /* Search bar size when focused */
  --vr-search-bar-width-long: 244px;
}