Firefox 74 - pasek zakładek z wieloma wierszami

Witajcie,
Jak w tej wersji można aktywować ponownie pasek zakładek z wieloma liniami/wierszami ? Próbowałem różnych zmian w pliki Userchrome.css lecz bez efektu :frowning:

Po wielu próbach mam kod który działa jak należy:


/* Firefox Quantum userChrome.css tweaks ************************************************/
/* Github: https://github.com/aris-t2/customcssforfx ************************************/
/****************************************************************************************/


/* NOTE  ********************************************************************************/
/* Variables are set inside '.\config\' folders CSS files, if complete package is used! */

/* import old button/bookmark size code *************************************************/




@import "./../buttons/buttons_on_bookmarks_toolbar_old_size_and_appearance.css";

:root {
  --bookmark_items_height: 26px; /* <- bookmark items - line height */
  --bookmark_items_lines: 3; /* <- maximum amount of lines */
}

#PersonalToolbar {
	  min-height: var(--bookmark_items_height) !important;
	  max-height: calc(var(--bookmark_items_height)*(var(--bookmark_items_lines))) !important;
    }

    #personal-bookmarks,
    #PlacesToolbar > hbox {
        display: block;
    }

    #PlacesToolbarItems {
        display: flex;
        flex-wrap: wrap;
        overflow-x: visible;
        overflow-y: auto;
    }

#PlacesToolbarItems > .scrollbox-innerbox {
  display: flex;
  flex-wrap: wrap; 
  overflow-x: hidden !important;
  overflow-y: visible !important;
  max-height: calc(var(--bookmark_items_height)*(var(--bookmark_items_lines))) !important
}



#personal-bookmarks #PlacesToolbar {
  display: block;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: calc( var(--bookmark_items_lines) * var(--bookmark_items_height) );
}



#personal-bookmarks #PlacesToolbar > hbox > hbox{
  overflow-x: hidden;
  overflow-y: hidden;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator[collapsed="true"],
#personal-bookmarks #PlacesToolbar #PlacesToolbarDropIndicator{
  display: none;
}

#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item{
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-top: 2px !important;
  margin-bottom: 2px !important;
  vertical-align: middle;
}
/*
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item:hover:active:not([disabled="true"]),
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item[open="true"] {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
*/
#personal-bookmarks #PlacesToolbar toolbarseparator{
  -moz-appearance: none !important;
  visibility: visible !important;
  display: inline;
  text-shadow: none !important;
  border-left: 3px solid ThreeDShadow !important;
  border-right: 3px solid ThreeDHighlight !important;
  vertical-align: middle;
}

#personal-bookmarks toolbarbutton.bookmark-item[dragover][open]{
  -moz-appearance: toolbarbutton;
}

#navigator-toolbox #PersonalToolbar { 
  max-height: calc( var(--bookmark_items_lines) * var(--bookmark_items_height) ) !important;
}

1 polubienie

Daj przed kodem w osobnej linii:

```css

I pod koniec też w osobnej linii:

```

Jeszcze drobna uwaga.

Jeśli nie działa kod to należy sprawdzić w konfiguracji FF (w pasku adresu wpisać about:config ) dla “toolkit.legacyUserProfileCustomizations.stylesheets” powinno być włączone “true”

1 polubienie

Daj zrzut ekranu. Chciałbym wiedzieć jak to wygląda :slight_smile:

Parametry modyfikuję tylko na cyfrach pogrubionych, reszty nie tykam :slight_smile:

:root {
–bookmark_items_height: 26px; /* <- bookmark items - line height /
–bookmark_items_lines: 10; /
<- maximum amount of lines */
}