Firefox 70 – Scrollleiste im Popup der Urlbar erstellen Update

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. Mit einem CSS Code lässt sich dieses Popup verändern.

Scrollleiste im Popup der Urlbar erstellen Update

Ich hatte ja schon mal beschrieben, wie man mit einem CSS Code dieses Popupfenster nach eigenen Vorstellungen verändern kann. Dazu gehört zum Beispiel eine Scrollleiste einfügen, oder auch das Popup in der Größe zu verändern.

Mit der Firefox Version 70 haben sich einige Bezeichnungen verändert, wodurch der alte Code nicht mehr funktioniert.

Wer diese Funktion aber weiterhin gerne nutzen möchte, der muss einfach nur den alten CSS Code entfernen, und diesen neuen dafür wieder einfügen.

/* 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(6px * ( var(--ac_popup_number_of_results) + 1 )); 
      --ac_popup_height:calc(6px * 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;
    }
        
    /* Scrollbar wird bei Bedarf angezeigt */
    .urlbarView:not(.megabar) {
      overflow-x: hidden !important;
    }
    
    /* Popupfenster schmaler, oder diesen Teil vom Code entfernen bzw. auskommentieren */
    .urlbarView:not(.megabar) {
      max-width: 1200px !important;
      margin-left:0px !important;
      padding-left: 0px !important;
      padding-right: 0px !important;
    }
    
    /* Popup nach links verschoben */
    #urlbar-results {
      margin-left: -30px !important;
    }
    
    /* Breite der Url */
    .urlbarView-url {
      overflow: visible !important;
    }
    
    /* Ges. Textfeld nach links an den Rand */
    .urlbarView-row-inner {
      margin-left: -90px! important;

Die Werte können bzw. müssen evtl. noch etwas angepasst werden.