Firefox 79 – Schuifbalk in pop-up adresbalk

Als u het aantal vermeldingen in de adresbalk- pop-up in Firefox te hoog heeft ingesteld nadat u in de adresbalk hebt geklikt, kan het gebeuren dat de onderste vermeldingen niet meer worden weergegeven. In dit geval heeft u een CSS-code nodig om een ​​extra schuifbalk te maken.

Zo ziet het er standaard uit als je te veel items hebt:

De weergegeven items reiken onder aan de rand van het scherm en u kunt de andere items niet zien.

Let op:
ik had hier al een CSS-code voor gegeven , maar die werkt niet meer in de huidige versie van Firefox.

(U kunt het aantal vermeldingen in deze pop-up wijzigen in about:config onder de waarde browser.urlbar.maxRichResults )

Firefox 79 – Schuifbalk in pop-up adresbalk

Wat betreft about:config had ik hier al een uitleg geschreven.

over:config uitleg

Maak userChrome.css en userContent.css

Een mededeling:

Als u een van deze bestanden voor het eerst gebruikt, moet u de waarde ook invoeren in about:config:

toolkit.legacyUserProfileCustomizations.stylesheets

overschakelen naar waar.

Ik heb hier al beschreven hoe dat moet:

hergebruik userChrome-bestanden

En hier is de uitleg van hoe het te doen met de CSS-code.

We gaan eerst naar de Firefox-profielmap en openen de chrome- map die we zelf hebben gemaakt.

Open vervolgens het bestand userChrome.css in de Chrome-map.

We voeren nu de volgende CSS-code in dit bestand in:

/* toon een schuifbalk voor adressuggesties in de urlbar */ :root { /* waarde moet identiek zijn in about:config = browser.urlbar.maxRichResults */ --ac_popup_number_of_results: 80; /* Hoe hoger de bovenstaande waarde, hoe kleiner de px-waarde moet zijn */ --ac_popup_maxheight: calc(6px * ( var(--ac_popup_number_of_results) + 1 )); --ac_popup_height: calc(400px * var(--ac_popup_number_of_results)); } /* Maximale invoer die wordt weergegeven zonder te scrollen */ .urlbarView:not(.megabar) { height: var(-ac_popup_height) !important; max-hoogte: var(--ac_popup_maxheight) !belangrijk; } /* Marge boven en onder adreslijst */ #urlbar-results { margin-top: 1px !important; marge-onder: 3px !belangrijk; } /* Positie schuifbalk en adreslijst */ .urlbarView:not(.megabar){ overflow-y: scroll !important; marge-top: -1px !belangrijk; marge-onder: 1px !belangrijk; } /* Urlbar-extensie uitschakelen */ #urlbar[breakout][breakout-extend] { top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important ; links: 0 !belangrijk; breedte: 100% !belangrijk; } #urlbar[breakout][breakout-extend] > #urlbar-input-container { height: var(--urlbar-height) !important; opvulblok: 0 !belangrijk; opvulling-inline: 0 !belangrijk; } #urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background { animatienaam: geen !important; } #urlbar[breakout][breakout-extend] > #urlbar-background { box-shadow: geen !important; } } #urlbar[breakout][breakout-extend] > #urlbar-input-container { height: var(--urlbar-height) !important; opvulblok: 0 !belangrijk; opvulling-inline: 0 !belangrijk; } #urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background { animatienaam: geen !important; } #urlbar[breakout][breakout-extend] > #urlbar-background { box-shadow: geen !important; } } #urlbar[breakout][breakout-extend] > #urlbar-input-container { height: var(--urlbar-height) !important; opvulblok: 0 !belangrijk; opvulling-inline: 0 !belangrijk; } #urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background { animatienaam: geen !important; } #urlbar[breakout][breakout-extend] > #urlbar-background { box-shadow: geen !important; }

En zo ziet de code eruit in het bestand userChrome.css:

De waarde voor browser.urlbar.maxRichResults kan naar wens gewijzigd of aangepast worden.

Firefox 79 – Schuifbalk in pop-up adresbalk

Sluit vervolgens het bestand userChrome.css, sla het op en start Firefox opnieuw om de wijziging door te voeren.

En zo ziet het eruit met de nieuwe extra schuifbalk:

Schuifbalk in Firefox