Firefox

Firefox 79 – Scrollleiste im Popup der Adressleiste

Wenn man im Firefox die Anzahl der Einträge im Adressleisten Popup, nach einem Klick in die Adressleiste, zu hoch eingestellt hat kann es passieren, dass die unteren Einträge nicht mehr angezeigt werden. Für diesen Fall braucht man einen CSS Code, um damit eine zusätzliche Scrollleiste zu erstellen.

So sieht das standardmäßig aus, wenn man zu viele Einträge hat:

ohne scrollbalken

Die Anzeige der Einträge geht unten über den Bildschirmrand hinaus, und man kann die weiteren Einträge nicht sehen.

Hinweis:
Ich hatte hier schon mal einem CSS Code dafür gegeben, dieser funktioniert aber nicht mehr in der aktuellen Version vom Firefox.

(Die Anzahl der Einträge in diesem Popup kann man in about:config unter dem Wert browser.urlbar.maxRichResults selber verändern)

config 1

Firefox 79 – Scrollleiste im Popup der Adressleiste

Bezüglich about:config hatte ich ja hier schon mal eine Erklärung dazu geschrieben.

about:config Erklärung

Diese Erklärung dient auch der besseren Übersicht darüber, wenn bzw. was man schon mal etwas geändert hat.
Es muss sich nämlich nicht gemerkt werden, welche Änderungen man mal gemacht hat, da man das auf einem Blick in der Datei erkennen.

Daher empfehle ich sie sich doch zumindest mal anzusehen.

Bis zur Firefox Version 56 war es möglich, solche Änderungen per CSS Code 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 und userContent.css erstellen

Hinweis:

Wer zum ersten mal eine dieser Dateien benutzt, der muss zusätzlich in about:config den Wert:

toolkit.legacyUserProfileCustomizations.stylesheets

auf true umschalten.

Wie das gemacht wird hatte ich hier schon mal beschrieben:

userChrome Dateien wieder nutzen



Und hier nun die Erklärung, wie man das mit dem CSS Code dann machen muss.

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

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

In diese Datei tragen wir nun folgenden 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: 80;

/* Je höher der Wert oben, je kleiner muss der px Wert sein */

--ac_popup_maxheight: calc(6px * ( var(--ac_popup_number_of_results) + 1 ));
--ac_popup_height: calc(400px * var(--ac_popup_number_of_results));
}

/* Maximale Einträge die ohne zu scrollen angezeigt werden */

.urlbarView:not(.megabar) {
height: var(--ac_popup_height) !important;
max-height: var(--ac_popup_maxheight) !important;
}

/* Abstand oben und unten in der Adressenauflistung */

#urlbar-results {
margin-top: 1px !important;
margin-bottom: 3px !important;
}

/* Scrollbar und Position der Adressenauflistung */

.urlbarView:not(.megabar){
overflow-y: scroll !important;
margin-top: -1px !important;
margin-bottom: 1px !important;
}

/* Vergrößerung der Urlbar deaktivieren */

#urlbar[breakout][breakout-extend] {
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
}

#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: none !important;
}

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

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

css code

Der Wert für browser.urlbar.maxRichResults kann beliebig verändert bzw. angepasst werden.

32,49 EUR
devolo Magic 1 - 1200 Wifi AC Starter Kit dLAN 2.0: Ideal für Home Office und Streaming, Powerline-Starterkit für zuverlässigeres WLAN ac einfach via Stromleitung durch Wände und Decken
329 Bewertungen
devolo Magic 1 - 1200 Wifi AC Starter Kit dLAN 2.0: Ideal für Home Office und Streaming, Powerline-Starterkit für zuverlässigeres WLAN ac einfach via Stromleitung durch Wände und Decken
  • Bis zu 1.200 Mbit/s Übertragungsrate mit innovativer G.hn-Technologie.
  • Besonders preiswertes Mesh-WiFi-Starterkit mit zukunftssicherer G.hn-Technologie.

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.

Firefox 79 – Scrollleiste im Popup der Adressleiste

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 neuen zusätzlichen Scrollleiste aus:

Firefox mit scrollbalken
Scrollbalken im Firefox

Durch die Möglichkeit zum Scrollen können jetzt mehr Einträge in dem Popup angezeigt werden.

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, und den Wert in about:config wieder zurückzusetzen.

Danach noch einen Neustart vom Browser machen, und das Popup wird wieder standardmäßig angezeigt.

Hinweis:
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)

Das könnte auch interessant sein...




Haben Sie Fragen zum diesen Artikel oder generell zu Windows oder Computer? Dann wendet euch an unserem Forum
Back to top button
Close