[Solved] Force Width of Search Box Fields in Toolbars

[ThunderStruck]

For Thunderbird 60+, I've found that the search box field widths collapse and expand depending on the overall width of the application window. I would like to force the search box fields (.searchBox) found in the Toolbar and Quick Filter Toolbar areas (#mail-bar3, #quick-filter-bar, gloda search) to be a specific width. I tried modifying these variables with a width attribute (.searchBox, .searchBox > .textbox-input-box, etc.), but it wouldn't take. [I also realize that the search box can be shorted in the main toolbar zone by applying spaces and flexible spaces, but that's not what I want to do.] How do I override this and force the search box fields to be a specific width, regardless of the application window's size?

[morat]

The following style fails because the width is hardcoded.

Code: Select all

#quick-filter-bar .searchBox {
  width: 200 !important;
  minwidth: 100 !important;
}

You would need to create an extension to change the width.

Reference
http://dxr.mozilla.org/comm-esr60/searc ... terBar.xul

[Frank Lion]

The following style fails because the width is hardcoded.

The following style because you've, very uncharacteristically, messed up min-width, haha...

Try this -

Code: Select all

 .searchBox {
  width: 500px !important;
  min-width: 500px !important;
}

To shorten them, no matter what, then also throw a max-width into that lot.

[ThunderStruck]

That's one big bowl of awesomesauce. That completely solved it. Thanks, folks!

[morat]

@Frank Lion

D'oh! Thanks for the fix.