Firefox

Firefox 66 – Scrollleiste im Popup der Urlbar erstellen



Wenn man auf den rechten kleinen Pfeil in der Urlbar klickt, oder wenn man eine Suche startet, werden je nach Einstellung im Browser diverse Vorschläge in einem Popup angezeigt. Wer die Anzahl dieser Vorschläge über about:config erhöht hat, bekommt mehr Vorschläge angezeigt als die Standard Anzeige von 10. Der Nachteil, dieses Popup legt sich dann je nach Menge der Vorschläge, über das gesamte Fenster. Um das zu verhindern kann man sich mit einem CSS Code eine zusätzliche Scrollleiste im Popup der Urlbar erstellen, und es zusätzlich dann auch noch verkleinern.

Scrollleiste im Popup der Urlbar erstellen

So sieht das standardmäßig aus:

standard - Firefox 66 - Scrollleiste im Popup der Urlbar erstellen

Und so wenn man den Wert in about:config zum Beispiel auf 30 erhöht hat.

seite verdeckt - Firefox 66 - Scrollleiste im Popup der Urlbar erstellen

Wie man sieht, legt sich das Popup nun fast über die ganze Seite. Hat man einen noch höheren Wert eingestellt, dann geht das Popup sogar über die ganze Seite.

Der Eintrag in about:config für die Mehranzeige der Einträge lautet:

browser.urlbar.maxRichResults

Scrollleiste im Popup der Urlbar erstellen

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 neuen 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, und den alten CSS Code für die Mehrreihige Tableiste löschen.

In diese Datei tragen wir nun dafür folgenden neuen CSS Code ein:

/*Anzeige einer Scrollleiste für Adressvorschläge in der Urlbar*/

:root {
/* Wert muss identisch in about:config = browser.urlbar.maxRichResults sein */
--ac_popup_number_of_results: 50; 
/* Je höher der Wert oben, je kleiner muss der px Wert sein */
--ac_popup_maxheight: calc(3px * ( var(--ac_popup_number_of_results) + 1 )); 
--ac_popup_height:calc(3px * var(--ac_popup_number_of_results)); 
}

/* Maximale Einträge die ohne zu scrollen angezeigt werden */
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] .autocomplete-richlistbox {
  height: var(--ac_popup_height) !important;
  max-height: var(--ac_popup_maxheight) !important;
}
	
/* Scrollbar wird bei Bedarf angezeigt */
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] > richlistbox {
overflow-x: hidden !important;
}

#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] > richlistbox,
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] scrollbox,
#PopupAutoCompleteRichResult[autocompleteinput="urlbar"] > .autocomplete-richlistbox {
overflow-y: auto !important;
}

/*Popupfenster schmaler, oder diesen Teil vom Code entfernen bzw. auskommentieren*/
#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)

Hinweis:
Alle angegebenen Werte können individuell angepasst werden.

Scrollleiste im Popup der Urlbar erstellen

Und so sieht der Code dann in der userChrome.css Datei aus:

css code - Firefox 66 - Scrollleiste im Popup der Urlbar erstellen

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.

2,80 EUR
[Updated Version] VICTSING Mini Maus kabellos Wireless Mouse, 2.4G Funkmaus, 2400 DPI 6 Tasten Optische Mäuse mit USB Nano Empfänger Für PC Laptop, Microsoft Pro, Office Home,Schwarz
2.532 Bewertungen
[Updated Version] VICTSING Mini Maus kabellos Wireless Mouse, 2.4G Funkmaus, 2400 DPI 6 Tasten Optische Mäuse mit USB Nano Empfänger Für PC Laptop, Microsoft Pro, Office Home,Schwarz
  • 1. Das Aussehen des Patents : Diese Maus durch die EU aussehen Zertifizierung, die Welt nur in VicTsing verkauft, der Rest von den Verkäufern sind gefälscht
  • 2. 2.4Gwireless Datenübertragung & 5 DPI Schalter und angepasste Funktion : 2,4 GHz Wireless - eine Erfahrung sicherer und präziser als das traditionelle FMRadioSystem mit einer erhöhten Arbeitsabstand bis 15 m. Es braucht nichtlaufwerk,Plug & Play. 5 DPI-Schalter (800, 1200, 1600, 2000, 2400) ändern Sie die Geschwindigkeit der Maus frei.

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

Scrollleiste im Popup der Urlbar erstellen

Wenn man sich anschließend dann die Vorschläge anzeigen lässt, ist auf der rechten Seite nun eine Scrolleiste vorhanden, und das Popup ist wesentlich kleiner und verdeckt somit fast nichts mehr von der Seite.

So sieht das dann aus:

mit code - Firefox 66 - Scrollleiste im Popup der Urlbar erstellen

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.

Danach noch einen Neustart vom Browser machen, und das aktuelle Standard Favicon von YouTube wird wieder angezeigt.

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

userChrome.css aufräumen

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

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

(Diese Datei wird für optische Änderungen an Webseiten, bzw. allen Firefox Seiten die mit about beginnen benötigt)

Tags
Mehr anzeigen

2 Comments

  1. Hallo Andreas,
    die hier dokumentierte userChrome.css zur Erstellung der Scrollleiste im Popup der Urlbar funktioniert einwandfrei (mit Firefox Version 66.0.4)!!!
    Nach Anpassung der px-Werte erhalte ich die für mich optimale Anzahl von Adresszeilen im Popup-Fenster (10px = 16 Zeilen) und ich kann mit dem Srollbalken auf die Folgezeilen „scrollen“! Der Dialog mit dir hat sich gelohnt!!! Vielen Dank für die prompte Problemlösung!!!

Schreibe einen Kommentar

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

Back to top button