Searchbox Smart Expander

whatrevolution said on Jan 22 2008

#search-container #searchbar {
width: 100px !important;
}
#search-container #searchbar:not([empty="true"]) {
width: 350px !important;
}

ck said on Jan 18 2008

Pretty snazzy, but how to remove the dead space at the right, as others have mentioned? I attempted to remove the "right-margin" lines as suggested by DMcCunney, but that did not provide a solution to the problem. Anything else I can try?

rio said on Jul 30 2007

Hi, would you pls shrink the searchbox input area containing only 2 spaces, until user enters criteria which expands the searchbox automatically? This could save precious spaces from the toolbar, and so it beats down the Searchbar Autosizer extension. :)

DMcCunney: it shrinks only a bit without remaining about only 2 spaces width. Also when the searched texts is very long, those texts will override the buttons right beside the searchbox. Though I'd changed the max-width value, it doesn't help. I'll reverse to Searchbar Autosizer. Thx anyway.

DMcCunney said on Jul 28 2007

kidwizz: try editing the CSS code to *remove* the references to right-margin. I tried Searchbox Smart Expander, and got an annoying blank area to the right of the search button. Removing the right-margin lines in the code entirely eliminated that, and things seem to work as desired. (Frank, why is the right-margin code there?)

rio: Try editing the code to change "min-width" in the #search-container #searchbar { section to a smaller value. Experiment till you get a width you like.

kidwizz said on Nov 10 2006

great. i needed this but can you fix the space to the right of the search bar. when an icon is placed to the right it gets pushed to the right

LouCypher said on Oct 13 2006

makondo said on Jul 17 2006

Thanks! Was looking for something like that for 2.0B1 - great help!