userChrome.css for the address bar stopped working
Hi
A very helpful user on this forum helped me get a good, long and wide list of suggestions, when you type something in the address bar of Firefox. This was done with userChrome.css. But now it doesn't really work anymore, as you would be able to see, if I could get uploading a screen shot to work...
PS: I think this forum worked a lot better about a year ago. 1. The background colors structured the contents. Making it a lot easier to read. 2. When I search for existing threads on a subject, I get more and more search-results the more search words I type... That seems extremely stupid! I enter more search-terms to NARROW down my search, not to broaden it!
Chosen solution
For the style rule, there's something new going on with padding in the drop-down. You can remove it with one line, but I haven't figured out its purpose, so I haven't updated the source style yet.
You can add the bolded line to your CSS file and if I discover that this has negative side effects, I'll update this thread:
#PopupAutoCompleteRichResult { --item-padding-start: 0 !important; --item-padding-end: 0 !important; }Read this answer in context 👍 1
All Replies (11)
Did you make sure it matches the css that you got it from or did you change something in it?
Hi Hero27, what is the code you were using before that stopped working? To paste code here in a way that's readable, please type
<pre>
before it and
</pre>
after it.
Hero27 said
2. When I search for existing threads on a subject, I get more and more search-results the more search words I type... That seems extremely stupid! I enter more search-terms to NARROW down my search, not to broaden it!
You need to use quotation marks and + signs. For example:
"userchrome.css" + "address bar" -- 894 results
This thread?
- /questions/1207517 How to get longer, scrollable, list of visited URLs and bookmarks in Address Bar?
cor-el said
This thread?
- /questions/1207517 How to get longer, scrollable, list of visited URLs and bookmarks in Address Bar?
That was my original question, which led to the solution that has now stopped working...
Thank you for the many answers - also from jscher2000 - who originally solved the original problem!
Now I tried again uploading the screen shot that shows how Firefox has destroyed the layout. This time it worked.
And here is the content of the userChrome.css that worked until recently:
Addition/edit: The block below is not very readable, so I have placed a copy of my userChrome.css here: http://www.transformation.dk/deling/userChrome.css
/* Firefox 57 users: https://www.jeffersonscher.com/gm/url-bar-tweaks.html You can copy/paste into a userChrome.css file, see https://www.userchrome.org/ Firefox 52-56 users: roll back your Stylish to version 2.1.1 or 2.0.7 here: https://addons.mozilla.org/firefox/addon/stylish/versions/ Then find Stylish on the Add-ons page, click its More link, and turn off updates */ @-moz-document url(chrome://browser/content/browser.xul) { /* " - Visit" or " - Search with" bar NOT HIDDEN */ /* Restore persistent display of drop-marker */ #urlbar:not(:hover) > .urlbar-textbox-container > .urlbar-history-dropmarker { opacity: 1 !important; } /* Set max-height for items visible without scrolling */ #PopupAutoCompleteRichResult .autocomplete-richlistbox { height: unset !important; max-height: calc(45.5px * 18) !important; } /* Set drop-down width */ #PopupAutoCompleteRichResult { width: 900px !important; max-width: 900px !important; margin-left: 0 !important; } #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title-text, #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-url-text { min-width: 810px !important; } /* Create sufficient height for two lines */ #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) { position: relative !important; height: 45.5px !important; } /* Subtle border between results */ #PopupAutoCompleteRichResult .autocomplete-richlistitem { border-bottom-color: #eee !important; } /* Position page title, set font-size */ #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-title { position: absolute !important; left: 54px; top: 0px; font-size: 20px !important; } /* Position page url / action, set font-size */ #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-url, #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-action { position: absolute !important; left: 54px; top: 22px; font-size: 18px !important; } /* Position bookmark tags */ #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-tags { position: absolute !important; right: 0px; top: 3px; } /* Hide separator between title and URL */ #PopupAutoCompleteRichResult .autocomplete-richlistitem:not([actiontype="searchengine"]) .ac-separator { display: none !important; } /* Position special icon (bookmark, switch-to-tab) */ #PopupAutoCompleteRichResult .autocomplete-richlistitem .ac-type-icon { margin-left: 4px !important; } /* Prevent excess indenting of icons in Photon */ #PopupAutoCompleteRichResult .autocomplete-richlistitem [anonid="type-icon-spacer"] { display: none !important; } #PopupAutoCompleteRichResult { --item-padding-start: 0 !important; } .autocomplete-richlistitem[selected=true] { background-color: Highlight !important; } .autocomplete-richlistitem[selected=true] .ac-title, .ac-title[selected], .autocomplete-richlistitem[selected=true] .ac-url, .ac-url[selected], .autocomplete-richlistitem[selected=true] .ac-action, .ac-action[selected], .autocomplete-richlistitem[selected=true] .ac-separator, .ac-separator[selected] { color: HighlightText !important; } /* Use default text matching style */ /* Ability to scroll in Fx57 */ #PopupAutoCompleteRichResult .autocomplete-richlistbox > scrollbox { overflow-y: auto !important; padding-right: 3px !important; } #PopupAutoCompleteRichResult .autocomplete-richlistbox { padding-right: 0 !important; } } /* From old1: */ /* Taller Folder List in Edit Bookmark */ #editBMPanel_folderTree { min-height: 400px !important; }
Modified
jscher2000 said
Hero27 said2. When I search for existing threads on a subject, I get more and more search-results the more search words I type... That seems extremely stupid! I enter more search-terms to NARROW down my search, not to broaden it!You need to use quotation marks and + signs. For example:
"userchrome.css" + "address bar" -- 894 results
But why isn't logical AND the default? That seems weird to me... :-)
Chosen Solution
For the style rule, there's something new going on with padding in the drop-down. You can remove it with one line, but I haven't figured out its purpose, so I haven't updated the source style yet.
You can add the bolded line to your CSS file and if I discover that this has negative side effects, I'll update this thread:
#PopupAutoCompleteRichResult { --item-padding-start: 0 !important; --item-padding-end: 0 !important; }
jscher2000 said
For the style rule, there's something new going on with padding in the drop-down. You can remove it with one line, but I haven't figured out its purpose, so I haven't updated the source style yet. You can add the bolded line to your CSS file and if I discover that this has negative side effects, I'll update this thread: #PopupAutoCompleteRichResult { --item-padding-start: 0 !important; --item-padding-end: 0 !important; }
Hi jscher2000!
Yes, that extra line solves the problem!
Hi Hero27, if this problem is resolved, could you come back and mark one of the posts as the Solution? This helps the Support team feel a sense of closure. :-)