FirefoxInternet

Adressleiste – Suchvorschläge Popup verkleinern ab Firefox Version 66



In der aktuellen Firefox Version 66 wird nach Eingabe eines Buchstabens oder Zahl in die Adressleiste ein Popup geöffnet. Je nach eigener Einstellung werden dann die gewünschten Vorschläge gemacht. Dieses Popup geht jetzt über die ganze Breite des Browser-Fensters. Wem das aus optischen Gründen zu breit ist, der kann die Breite mit einem CSS-Code auf ein gewünschtes Maß selber verändern.

So sieht das mit dem Popup standardmäßig in der Adressleiste aus:

standard - Adressleiste - Suchvorschläge Popup verkleinern ab Firefox Version 66

Adressleiste – Suchvorschläge Popup verkleinern

 

Bis zur Firefox Version 56 war es möglich, solche Änderungen durch diverse Erweiterungen zu erreichen.

Das eine oder andere ist seit der Firefox Version 57 nicht mehr möglich, da Mozilla dafür (zumindest noch) keine Schnittstelle mehr zur Verfügung stellt.

Aus diesem Grund muss man jetzt optischen Änderung am Firefox mit einer userContent.css bzw. einer userChrome.css Datei erstellen.

Dazu bedarf es allerdings erst einer kleineren Vorbereitung, die ich hier schon mal erklärt hatte.

userChrome.css erstellen

Und hier mal eine Erklärung wie man das mit dem CSS-Code dann machen muss.

Als erstes gehen wir dazu in den Profilordner vom Firefox, und öffnen den dort selber angelegten Ordner chrome.

Dann im Ordner chrome die userChrome.css Datei öffnen.

In diese Datei tragen wir nun folgenden CSS Code ein:

/* Adessleiste Suchvorschläge Popup verkleinern */

#PopupAutoCompleteRichResult .autocomplete-richlistitem,
#PopupAutoCompleteRichResult .scrollbox-innerbox,
#PopupAutoCompleteRichResult > richlistbox,
#PopupAutoCompleteRichResult{
max-width:730px !important;
margin-left:0px!important;
padding-left:0px!important;
padding-right:0px!important;

}

(Dazu am besten den Text kopieren und in die userChrome.css wieder einfügen)

Adessleiste – Suchvorschläge Popup verkleinern

So sieht der Code dann in der userChrome.css Datei aus:

css 3 - Adressleiste - Suchvorschläge Popup verkleinern ab Firefox Version 66



Hinweis:
Die obigen px Werte können je nach Bedarf geändert werden. Nach jeder Änderung muss dann der Firefox neu gestartet werden.

Damit man später noch genau weiß was der jeweilige CSS Code bedeutet, sollte man sich über dem CSS Code einen aussagekräftigen Hinweis erstellen.

Dazu schreibt man vor dem Text erst einen Slash und einen Stern /* dann die Beschreibung der Funktion…und als Abschluss schreibt man diesmal erst den Stern und dann das Slashzeichen */

Die Zeichen vorher und nachher bedeuten, dass der Text auskommentiert ist, und somit keinen Einfluss auf den CSS Code bzw. seine Funktion hat.

Adessleiste – Suchvorschläge Popup verkleinern

Dann die userChrome.css Datei schließen und speichern, und den Firefox neu starten, damit die Änderung wirksam wird.

Und so sieht das dann mit der veränderten Beite des Popups aus:

schmaler - Adressleiste - Suchvorschläge Popup verkleinern ab Firefox Version 66

Möchte man eines Tages diese Änderung nicht mehr nutzen, dann reicht es aus, den CSS Code in der userChrome.css wieder zu löschen.

Anker Aluminum USB 3.0 4-Port Hub, Hub mit 0.6 m USB 3.0 Kabel designt für Apple MacBook, Macbook Air, Macbook Pro, MacMini, iMac, und weiteren USB 3.0 Geräten (Schwarz)
38 Bewertungen
Anker Aluminum USB 3.0 4-Port Hub, Hub mit 0.6 m USB 3.0 Kabel designt für Apple MacBook, Macbook Air, Macbook Pro, MacMini, iMac, und weiteren USB 3.0 Geräten (Schwarz)
  • Das Apple-Style Aluminum Finish bietet eine natürliche Erweiterung zu Ihrem Mac Rechner.
  • Kompaktes Format für Mobilität. Einfache Anbringung dank des beigefügten Klettbands.

Danach noch einen Neustart vom Browser machen, und das Popup wird wieder in der vollen Breite angezeigt.

Hier hatte ich mal beschrieben was man alternativ zur userChrome.css Datei am besten machen sollte:

userChrome.css aufräumen

Dieser Tipp kann bzw. sollte auch auf die Datei userContent.css angewandt werden.

Vorteil dadurch, es ist alles viel übersichtlicher und man findet schneller mal etwas wieder.

Tags
Mehr anzeigen

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Back to top button