Lesezeichen Symbolleiste mehrzeilig

grisu2099

Dieses hier:

JavaScript

//    Farbige, abgerundete Scrollbalken mit Buttons :)

"use strict";

/* Firefox 57+ userChrome.js tweaks - SCROLLBARS ********************************************** */
/* by Aris (aris-addons@gmx.net)*************************************************************** */
/* Github: https://github.com/Aris-t2/CustomJSforFx/blob/master/scripts/custom_scrollbars.uc.js */
/* ******************************************************************************************** */

/* ******************************************************************************************** */
/* Custom Scrollbars for Firefox ************************************************************** */
/* version 1.0.4 ****************************************************************************** */
/* ******************************************************************************************** */

/* ***********************************************************************************************
 README
 
 ENABLING options > set var to true
 DISABLING options > set var to false
 Modifying appearance > change values
 - color - name: red, blue, transparent / hex code: #33CCFF, #FFF
 - color - rgb(a): rgba(0,0,255,0.8) / hsl(a): hsla(240,100%,50%,0.8)
 - numbers: 1, 2, 3 ... 10, 11, 12 ...
 - opacity: 0.0 to 1.0 e.g. 1.4, 1,75
 - gradients: linear-gradient(direction, color, color, color)
 - gradients example: linear-gradient(to right, blue, #33CCFF, rgba(0,0,255,0.8))
 - unsettings predefined gradients: transparent,rgba(255,255,255,0.5),transparent -> transparent,rgba(255,255,255,0.0),transparent
 - button size with arrow (descriptions for vertical scrollbars - analogous for horizontal scrollbars)
 -- 1: space above arrow = arrow height
 -- 1.5: space above arrow = 0.5 * arrow height
 -- 2: no space above arrow
 
 NOTE
 - This is a tiny collection of scrollbar tweaks, not a port of 'NewScrollbars' add-on!
 - Small scrollbar width values will corrupt some parts of the ui!
 
*********************************************************************************************** */

// GENERAL SCROLLBAR SETTINGS
var hide_scrollbars = false; // default: hide_scrollbars = false
var hide_scrollbar_buttons = false; // default: hide_scrollbar_buttons = false
var custom_scrollbar_size = true; // default: custom_scrollbar_size = false
var custom_scrollbar_size_value = 15; // in px // default: custom_scrollbar_size_value = 17
var custom_scrollbar_opacity = false; // default: custom_scrollbar_opacity = false
var custom_opacity_value = "1.0"; // default: custom_opacity_value = "1.0"
// floating scrollbars
var enable_scrollbars_on_top_of_webcontent = false; // default: enable_scrollbars_on_top_of_webcontent = false // uses 'custom_scrollbar_size_value' inside its code
// custom scrollbars
var enable_custom_scrollbars = true; // default: enable_custom_scrollbars = true

// CUSTOM SCROLLBAR SETTINGS ("custom_scrollbar_" --> "cs_")
var cs_thumb_border = 1; // in px // default: cs_thumb_border = 0
var cs_thumb_roundness = 5; // in px // default: cs_thumb_roundness = 0
var cs_buttons_roundness = 0; // in px // default: cs_buttons_roundness = 0
var cs_buttons_as_arrows = false; // default: cs_buttons_as_arrows = false // uses 'custom_scrollbar_size_value' inside its code
var cs_arrows_on_buttons = true; // default: cs_arrows_on_buttons = true // uses 'custom_scrollbar_size_value' inside its code
// button size with arrow - 1: space above arrow = arrow height // 1.5: space above arrow = 0.5 * arrow height // 2: no space above arrow
var cs_arrows_on_buttons_buttons_size = 1.5; // default: cs_arrows_on_buttons_buttons_size = 1.5
// 'flat' scrollbars
var cs_ignore_color_gradients = true; // default: cs_ignore_color_gradients = false

// CUSTOM SCROLLBAR COLORS/GRADIENTS
// - background
var cs_background_color = "#171717"; // default: cs_background_color = "#DDDDDD"
//var cs_background_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_background_image_vertical = "unset"
var cs_background_image_vertical = "unset"; // default: cs_background_image_vertical = "unset"
//var cs_background_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_background_image_horizontal = "unset"
var cs_background_image_horizontal = "unset"; // default: cs_background_image_horizontal = "unset"
// - corner
var cs_corner_background_color = "#DDDDDD"; // default: cs_corner_background_color = "#DDDDDD"
var cs_corner_background_image = "linear-gradient(45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(255,255,255,0.5) 50%,transparent 70%)"; // default: cs_corner_background_image = "unset"
// - thumb/slider
var cs_thumb_color = "rgb(80,80,80)"; // default: cs_thumb_color = "#33CCFF"
var cs_thumb_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_image_vertical = "unset"
var cs_thumb_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_image_horizontal = "unset"
var cs_thumb_hover_color = "rgb(50,50,52"; // default: cs_thumb_hover_color = "#66FFFF"
var cs_thumb_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_vertical = "unset"
var cs_thumb_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_thumb_hover_image_horizontal = "unset"
var cs_thumb_border_color = "rgb(0,200,0)"; // default: cs_thumb_border_color = "#33CCFF"
// - buttons
var cs_buttons_color = "rgb(0,200,0)"; // default: cs_buttons_color = "#66FFFF"
var cs_buttons_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_image_vertical = "unset"
var cs_buttons_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_image_horizontal = "unset"
var cs_buttons_hover_color = "green"; // default: cs_buttons_hover_color = "#33CCFF"
var cs_buttons_hover_image_vertical = "linear-gradient(to right,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_hover_image_vertical = "unset"
var cs_buttons_hover_image_horizontal = "linear-gradient(to bottom,transparent,rgba(255,255,255,0.5),transparent)"; // default: cs_buttons_hover_image_horizontal = "unset"
// - button arrows
var cs_arrows_on_buttons_color = "green"; // default: cs_arrows_on_buttons_color = "#33CCFF"
var cs_arrows_on_buttons_hover_color = "red"; // default: cs_arrows_on_buttons_hover_color = "#66FFFF"

// unset background image color gradients -> flat scrollbars
if(cs_ignore_color_gradients==true)
    cs_background_image_vertical
    =cs_background_image_horizontal
    =cs_corner_background_image=cs_thumb_image_vertical
    =cs_thumb_image_horizontal
    =cs_thumb_hover_image_vertical
    =cs_thumb_hover_image_horizontal
    =cs_buttons_image_vertical
    =cs_buttons_image_horizontal
    =cs_buttons_hover_image_vertical
    =cs_buttons_hover_image_horizontal
    ="unset";

/* ******************************************************************************************** */
/* ******************************************************************************************** */
/* ******************************************************************************************** */


// Scrollbar code

Components.utils.import("resource://gre/modules/Services.jsm");
var ss =  Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

var custom_scrollbars = {

    init: function() {

    var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar, scrollcorner, scrollbar thumb, scrollbar scrollbarbutton {\
      -moz-appearance: none !important;\
    }\
    scrollbar {\
      background-color: '+cs_background_color+' !important;\
    }\
    scrollbar[orient="vertical"] {\
      background-image: '+cs_background_image_vertical+' !important;\
    }\
    scrollbar[orient="horizontal"] {\
      background-image: '+cs_background_image_horizontal+' !important;\
    }\
    scrollcorner {\
      background-color: '+cs_corner_background_color+' !important;\
      background-image: '+cs_corner_background_image+' !important;\
    }\
    scrollbar thumb {\
      background-color: '+cs_thumb_color+' !important;\
      border-radius: '+cs_thumb_roundness+'px !important;\
      border: '+cs_thumb_border+'px solid '+cs_thumb_border_color+' !important;\
    }\
    scrollbar thumb[orient="vertical"] {\
      background-image: '+cs_thumb_image_vertical+' !important;\
    }\
    scrollbar thumb[orient="horizontal"] {\
      background-image: '+cs_thumb_image_horizontal+' !important;\
    }\
    scrollbar thumb:hover, scrollbar thumb:active {\
      background-color: '+cs_thumb_hover_color+' !important;\
    }\
    scrollbar thumb[orient="vertical"]:hover, scrollbar thumb[orient="vertical"]:active {\
      background-image: '+cs_thumb_hover_image_vertical+' !important;\
    }\
    scrollbar thumb[orient="horizontal"]:hover, scrollbar thumb[orient="horizontal"]:active {\
      background-image: '+cs_thumb_hover_image_horizontal+' !important;\
    }\
    scrollbar scrollbarbutton {\
      background-color: '+cs_buttons_color+' !important;\
      border-radius: '+cs_buttons_roundness+'px !important;\
    }\
    scrollbar[orient="vertical"] scrollbarbutton {\
      background-image: '+cs_buttons_image_vertical+' !important;\
    }\
    scrollbar[orient="horizontal"] scrollbarbutton {\
      background-image: '+cs_buttons_image_horizontal+' !important;\
    }\
    scrollbar scrollbarbutton:hover {\
      background-color: '+cs_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="vertical"] scrollbarbutton:hover {\
      background-image: '+cs_buttons_hover_image_vertical+' !important;\
    }\
    scrollbar[orient="horizontal"] scrollbarbutton:hover {\
      background-image: '+cs_buttons_hover_image_horizontal+' !important;\
    }\
    '), null, null);

    ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

    }
};

var cs_scrollbars_scrollbar_button_arrows = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar scrollbarbutton, \
    scrollbar[orient="vertical"] scrollbarbutton,\
    scrollbar[orient="horizontal"] scrollbarbutton, \
    scrollbar[orient="vertical"] scrollbarbutton:hover,\
    scrollbar[orient="horizontal"] scrollbarbutton:hover {\
      background-color: unset !important;\
      background-image: unset !important;\
      border-radius: 0px !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton {\
      min-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      max-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      min-width: '+custom_scrollbar_size_value+'px !important;\
      width: '+custom_scrollbar_size_value+'px !important;\
      max-width: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton {\
      min-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      max-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      min-height: '+custom_scrollbar_size_value+'px !important;\
      height: '+custom_scrollbar_size_value+'px !important;\
      max-height: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover {\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_buttons_hover_color+' !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var cs_scrollbars_arrows_on_buttons = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar scrollbarbutton, \
    scrollbar[orient="vertical"] scrollbarbutton,\
    scrollbar[orient="horizontal"] scrollbarbutton, \
    scrollbar[orient="vertical"] scrollbarbutton:hover,\
    scrollbar[orient="horizontal"] scrollbarbutton:hover {\
      border-radius: 0px !important;\
    }\
    \
    scrollbar[orient="vertical"] > scrollbarbutton {\
      min-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      max-height: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      min-width: '+custom_scrollbar_size_value+'px !important;\
      width: '+custom_scrollbar_size_value+'px !important;\
      max-width: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton {\
      min-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      max-width: '+(custom_scrollbar_size_value/cs_arrows_on_buttons_buttons_size)+'px !important;\
      min-height: '+custom_scrollbar_size_value+'px !important;\
      height: '+custom_scrollbar_size_value+'px !important;\
      max-height: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"] {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="decrement"]:hover {\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="increment"] {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
    }\
    scrollbar[orient="vertical"] > scrollbarbutton[type="increment"]:hover {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"] {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="decrement"]:hover {\
      border-right: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"] {\
      border-top: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-bottom: '+(custom_scrollbar_size_value/2)+'px solid transparent !important;\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_color+' !important;\
    }\
    scrollbar[orient="horizontal"] > scrollbarbutton[type="increment"]:hover {\
      border-left: '+(custom_scrollbar_size_value/2)+'px solid '+cs_arrows_on_buttons_hover_color+' !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_buttons = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar scrollbarbutton {\
      opacity: 0 !important;\
    }\
    scrollbar[orient="vertical"] scrollbarbutton {\
      min-height: 1px !important;\
      height: 1px !important;\
      max-height: 1px !important;\
    }\
    scrollbar[orient="horizontal"] scrollbarbutton {\
      min-width: 1px !important;\
      width: 1px !important;\
      max-width: 1px !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_size = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar[orient="vertical"] scrollbarbutton {\
      min-width: 0 !important;\
      width: '+custom_scrollbar_size_value+'px !important;\
      max-width: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="horizontal"] scrollbarbutton {\
      min-height: 0 !important;\
      height: '+custom_scrollbar_size_value+'px !important;\
      max-height: '+custom_scrollbar_size_value+'px !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var floating_scrollbars = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar {\
      position: relative !important;\
      z-index: 1000000000 !important;\
    }\
    scrollbar[orient="vertical"],\
    scrollbar[orient="horizontal"],\
    scrollbar, scrollcorner {\
      background-color: transparent !important; \
      background-image: unset !important; \
    }\
    scrollbar[orient="vertical"] {\
      -moz-margin-start: -'+custom_scrollbar_size_value+'px !important;\
      width: '+custom_scrollbar_size_value+'px !important;\
    }\
    scrollbar[orient="horizontal"] {\
      margin-top: -'+custom_scrollbar_size_value+'px !important;\
      height: '+custom_scrollbar_size_value+'px !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var scrollbar_opacity = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar {\
      opacity: '+custom_opacity_value+' !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

var remove_scrollbars = {

  init: function() {

  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
    \
    @namespace html url("http://www.w3.org/1999/xhtml");\
    \
    scrollbar, scrollcorner {\
      display: none !important;\
      visibility: collapse !important;\
    }\
    \
  '), null, null);

  ss.loadAndRegisterSheet(uri, ss.AGENT_SHEET);

  }
};

// enable settings as configured above
if(enable_custom_scrollbars==true) custom_scrollbars.init();
if(cs_buttons_as_arrows==true && hide_scrollbars==false) cs_scrollbars_scrollbar_button_arrows.init();
if(cs_arrows_on_buttons==true && cs_buttons_as_arrows==false && hide_scrollbars==false) cs_scrollbars_arrows_on_buttons.init();
if(hide_scrollbar_buttons==true) scrollbar_buttons.init();
if(custom_scrollbar_size==true) scrollbar_size.init();
if(enable_scrollbars_on_top_of_webcontent==true) floating_scrollbars.init();
if(custom_scrollbar_opacity==true) scrollbar_opacity.init();
if(hide_scrollbars==true) remove_scrollbars.init();

Alles anzeigen

milupo

Das hatte sich vor einiger Zeit auch mal verändert.

Lolo

Zitat von black10

Hallo,
Nach Update auf Version 107.0 wurde aus meiner seit Ewigkeiten bestehenden 2-zeiligen Lesezeichen-Symbolleiste plötzlich eine 3-zeilige..obwohl ich keine weiteren Favoriten zusätzlich ablegte.
Außerdem erschien (siehe Photo) ein blauer Scrollbalken rechts neben der Leiste.
Wie bekomme ich die 27 Favoriten/Symbole wie vorher auch auf nur 2 Zeilen ( und ohne Scrollbalken) verteilt hin...?

Hallo
Auch bei mir gibts Probleme mit Mehrzeil.Lese.
Bei mir ist sie zwar mehrzeilig, aber leer
Was könnte ich ändern?

2002Andreas

Zitat von Lolo

Was könnte ich ändern?

Hallo und Willkommen hier im Forum. 😊

Welchen Code nutzt du denn dafür?

Lolo

Hallo
Sorry bin neu in sowas und es dauert bissl

/* Mehrzeilige Lesezeichen-Symbolleiste */

@-moz-document url("chrome://browser/content/browser.xhtml") {

#PersonalToolbar {

min-height: calc(25px * 3) !important; /* damit werden 2 Reihen angezeigt */

}

#personal-bookmarks,

#PlacesToolbar,

#PlacesToolbar > hbox {

display: flex !important;

}

#PersonalToolbar toolbarbutton {

min-height: 25px !important;

max-height: 25px !important;

}

#PlacesToolbarItems {

display: flex !important;

flex-wrap: wrap !important;

overflow-x: visible !important;

overflow-y: auto !important;

}

#PlacesToolbarItems {

-moz-window-dragging: no-drag !important;

}

#PlacesToolbar #PlacesChevron {

display: none;

}

2002Andreas

Zitat von Lolo

Sorry bin neu in sowas und es dauert bissl

Alles ist gut

Teste bitte mal diesen Code:

CSS

/* Mehrzeilige Lesezeichen-Symbolleiste */

@-moz-document url("chrome://browser/content/browser.xhtml") {

        
    #PersonalToolbar {
         min-height: 20px !important;
    }
             
    #PersonalToolbar,
    #PlacesToolbarItems {
        max-height: calc(28px * 2) !important;
    }
    #personal-bookmarks,
    #PlacesToolbar,
    #PlacesToolbar > hbox {
        display: block;
    }
    #PersonalToolbar toolbarbutton {
        min-height: 25px !important;
        max-height: 25px !important;
    }
    #PlacesToolbarItems {
        display: flex;
        flex-wrap: wrap;
        overflow-x: visible;
        overflow-y: auto;  
        contain: none !important;
    }
    #PlacesToolbarItems {
        -moz-window-dragging: no-drag;
    }
    #PlacesToolbar #PlacesChevron {
        display: none;
    }
 }

Alles anzeigen

Lolo

2002 Andreas es funktioniert.
Ihr seid die Besten
Danke nochmals und schöne Grüsse ausm Ösiland

black10

2002Andreas

Dein Code funktioniert leider nicht (richtig).

Der Scrollbalken bleibt, egal was ich in Zeile 12 auch verändere. ZUdem habe ich über der Adressleiste jetzt plötzlich noch ne Tableiste die ich vorher nicht hatte...siehe Photo.

Im übrigen nutze ich nicht das Skript "CustomScrollbars" von Aris...!

Krieg das nicht so richtig hin mit dem Quellcode..

Auf jeden Fall ist das dort meine alte UserChrome.Css

CSS

/*Mehrzeilige Lesezeichen-Symbolleiste*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
     #PersonalToolbar {
        max-height: calc(20px * 3) !important;
    }
  
 #PlacesToolbar > hbox {
   display: block;
}

        
    #PersonalToolbar toolbarbutton {
        min-height: 20px !important;
        max-height: 20px !important;
    }
    
    #PlacesToolbarItems {
        max-height:60px!important;
        display: flex!important;
        flex-wrap: wrap!important;
        overflow-x: visible!important;
        overflow-y: auto!important;
    }
    
    #PlacesToolbar,
    #PersonalToolbar > scrollbar {
        -moz-window-dragging: no-drag !important;
    }
    
    #PlacesToolbar #PlacesChevron {
        display: none !important;
    }
}

@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {

#TabsToolbar {

min-height: 0px !important;

height: 0px !important;

visibility: hidden !important;

overflow: hidden !important;
}
}

#back-button:not([disabled="true"]):not([open="true"]):not(:active){

fill: blue !important;

}

#forward-button:not([disabled="true"]):not([open="true"]):not(:active){

fill:  blue !important;

}

/* Zurück-Taste und Vor-Taste: Rahmen um das Grafik-Element.

*/

#navigator-toolbox #back-button .toolbarbutton-icon,

#navigator-toolbox #forward-button .toolbarbutton-icon {

border: 1px solid white !important;

border-radius: 50% !important;

height: 37px !important;

width: 37px !important;

padding: 6px !important;

background-color: white !important;

opacity: 1 !important;}

#nav-bar .toolbarbutton -1 {

filter:none;

fill: blue! important;}


#titlebar-close > .toolbarbutton-icon {

width: 16px!important;

height: 16px!important;

}

#titlebar-close{

list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzc2MTc4RTNEQjg2MTFFNzg5ODBFRThDMUJCNzUyQzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzc2MTc4RTREQjg2MTFFNzg5ODBFRThDMUJCNzUyQzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzYxNzhFMURCODYxMUU3ODk4MEVFOEMxQkI3NTJDOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNzYxNzhFMkRCODYxMUU3ODk4MEVFOEMxQkI3NTJDOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PngaJ3MAAAVPSURBVHjahFRZbFRVGP7Oudvcma6ghU5b9lJboQmUKJamWFxoWgwKbpFEozwRePDBkBKjD5poMMYNlAQlEaMxKATZJECs0qaSokit0JpCywxdhqHAFKZzZ+Yu5/rPhRIoBE9yZm7O3PPN/3/LD9d1kdnRgXDu2PPY7gmdze3tD7uhcL+7edu3bsMrr7sfbN+9afx7d9sybqyCoilXx57PhgdrbCiNtptfwwUHd5IQTIWQsmGYWsGp8NXgnKm5Q7jH4uMPes4PNo4k3ab9R9qbPt26o2b9mxvBFR3ClZC2GQJZBc+nLDm4avV667Otu9/r6I5k3w34ZsV9kfNTkmne2HG674s9B1twacSiCnOgK/mwhAQHLhRFw2giBZ8e+CNhKTjS2rGh5UTXhmXLF6+ZXznru8riyfHbgHuHBmssV2882n6iae+hVliuH0KfgJQlAW4KDuMEqsAwDMiyDMcBsnLzEImZMGwF3/x4aMuoaQbhiPcrpwaTHnBvaLDGsNWmE129jbsPtMFRcwlYpS3Dkq6LYDsufTL4fCokyQHjNlzuwNF8SDMZXFawc1/bWz4hXyHgT25wLLfGU1LjDz81wyZxTKEQKAlGv6hcQGYmJJl5SjuORd9EkZPAfROuU+s4EoRQYQs/9hxs+7i1o3+mB6xwhgNHWpDmAVhMge0KaIxBTifwSEUJdHGNbhNYxkKqQt3aUCUbFaXTwU0LGnXGLRcS9ZYQOvY3H//SoyKeNPHXPz1IOjocSRCXEr2YRPWCB/Hc8jrIK2uhyAK2lYJIx6FxE/T3wdrqqrzzUbur/e8QhCzBJugUkX/qTKju5JlIPj/XP4wUeVXSdHDiizkmslULKxoXrdOZUaG4hk4+1jWehs5GEaBdWjwpUj5tUvcLK5asC2gZjxuwYMKhrq4mDPT1R67IoehFOgKMdBI+mVNDLubPLYOGZHNZSWH3mH1KX3uZ1S993FdaFEyNnVnp2Mm5lTNw9M8eMDlADmLQVT+GLkTBk9SiRGorqkqCcaLTQpYuwe/j58ab/lbQzMrJ0iPZORQeJsAkDsYkmGmbumbgqi7DNFOe6rZtk08VxEdTsGwU4n9W0mHll2IjZD/qUzDvTBDPKhmCF03Or5WJes5IWXpBQEVndxgJS2u4F2hv+PL0hKM1dPVF6I4C1/FgqVMFkybkgD+7uLo1oDIbtknsCkqZghED2Ln/t82nBuIvnRmI3lH5ufDlwgzorp+b18ZG6VbGclQYYxa4m8TsmcUBL9Lzy2dtP9YZWm1SMDK2ETwLv3f2UlCs756qX/SG3R87qXA3YlnpFLmn8MJIct6+5l82H+sK0zwJgMoCEyb8ionKimnD5bNLDA+4YcnCdzpP//uicHgg5Shgih+ZPzlO4J1d3R+WTSvG1OJCL3nhwQsYiMYQSziwmZ90ofZJF5Dokohj6aMPeRSyjGiZtWXX4dU79rZ85Wr3I03gNBG8QGQHfHTZJIEcb264NJBS4nqUZdlHlbKM7+DnCax6pvrdV5fXvX3b2Fyz8slthiEm7j18bKOi5dEQUSg0fqTSDiVL96IsUdwzlsxgyZoEjR5sK0EUMNQ9XNVSPa9i0x3zOLPqF1d9np2VFT3Q3Pb1SHwUnAaSSrQYBEgJACUXnvyUTmbRCKXqc3VgWX3dR4uqHvi+bErO8BjWTSpu2mgoJkdGEsFfW9rXdp/uezp65dpsQWmyhPBmsSpJcG0DAZ+EBZVz8FjtwifycuRQefHEs7fi3AF86+oKXfQNRoaTAxTRUZoBFk2xgO7DjJICBAsLvIHFYKmlJUXW+Lv/CTAAo52l45BLwU4AAAAASUVORK5CYII=") !important;
}

/*Abstände der Einträge im Kontext wieder schmaler*/
menupopup > menuitem,
menupopup > menu {
  padding-block: 0 !important;
  padding-inline-start: 14px !important;
}

#appMenu-popup .subviewbutton {
 padding-top:  0px !important; 
}

Alles anzeigen

BrokenHeart

Bitte testen:

CSS

/*Mehrzeilige Lesezeichen-Symbolleiste*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
     #PersonalToolbar {
        max-height: calc(20px * 3) !important;
    }
  
 #PlacesToolbar > hbox {
   display: block;
}

        
    #PersonalToolbar toolbarbutton {
        min-height: 20px !important;
        max-height: 20px !important;
    }
    
    #PlacesToolbarItems {
        max-height:60px!important;
        display: flex!important;
        flex-wrap: wrap!important;
        overflow-x: visible!important;
        overflow-y: auto!important;
        contain: none !important;
    }
    
    #PlacesToolbar,
    #PersonalToolbar > scrollbar {
        -moz-window-dragging: no-drag !important;
    }
    
    #PlacesToolbar #PlacesChevron {
        display: none !important;
    }
}

@-moz-document url-prefix(chrome://browser/content/browser.xhtml) {

#TabsToolbar {

min-height: 0px !important;

height: 0px !important;

visibility: hidden !important;

overflow: hidden !important;
}
}

#back-button:not([disabled="true"]):not([open="true"]):not(:active){

fill: blue !important;

}

#forward-button:not([disabled="true"]):not([open="true"]):not(:active){

fill:  blue !important;

}

/* Zurück-Taste und Vor-Taste: Rahmen um das Grafik-Element.

*/

#navigator-toolbox #back-button .toolbarbutton-icon,

#navigator-toolbox #forward-button .toolbarbutton-icon {

border: 1px solid white !important;

border-radius: 50% !important;

height: 37px !important;

width: 37px !important;

padding: 6px !important;

background-color: white !important;

opacity: 1 !important;}

#nav-bar .toolbarbutton -1 {

filter:none;

fill: blue! important;}


#titlebar-close > .toolbarbutton-icon {

width: 16px!important;

height: 16px!important;

}

#titlebar-close{

list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzc2MTc4RTNEQjg2MTFFNzg5ODBFRThDMUJCNzUyQzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzc2MTc4RTREQjg2MTFFNzg5ODBFRThDMUJCNzUyQzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzYxNzhFMURCODYxMUU3ODk4MEVFOEMxQkI3NTJDOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNzYxNzhFMkRCODYxMUU3ODk4MEVFOEMxQkI3NTJDOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PngaJ3MAAAVPSURBVHjahFRZbFRVGP7Oudvcma6ghU5b9lJboQmUKJamWFxoWgwKbpFEozwRePDBkBKjD5poMMYNlAQlEaMxKATZJECs0qaSokit0JpCywxdhqHAFKZzZ+Yu5/rPhRIoBE9yZm7O3PPN/3/LD9d1kdnRgXDu2PPY7gmdze3tD7uhcL+7edu3bsMrr7sfbN+9afx7d9sybqyCoilXx57PhgdrbCiNtptfwwUHd5IQTIWQsmGYWsGp8NXgnKm5Q7jH4uMPes4PNo4k3ab9R9qbPt26o2b9mxvBFR3ClZC2GQJZBc+nLDm4avV667Otu9/r6I5k3w34ZsV9kfNTkmne2HG674s9B1twacSiCnOgK/mwhAQHLhRFw2giBZ8e+CNhKTjS2rGh5UTXhmXLF6+ZXznru8riyfHbgHuHBmssV2882n6iae+hVliuH0KfgJQlAW4KDuMEqsAwDMiyDMcBsnLzEImZMGwF3/x4aMuoaQbhiPcrpwaTHnBvaLDGsNWmE129jbsPtMFRcwlYpS3Dkq6LYDsufTL4fCokyQHjNlzuwNF8SDMZXFawc1/bWz4hXyHgT25wLLfGU1LjDz81wyZxTKEQKAlGv6hcQGYmJJl5SjuORd9EkZPAfROuU+s4EoRQYQs/9hxs+7i1o3+mB6xwhgNHWpDmAVhMge0KaIxBTifwSEUJdHGNbhNYxkKqQt3aUCUbFaXTwU0LGnXGLRcS9ZYQOvY3H//SoyKeNPHXPz1IOjocSRCXEr2YRPWCB/Hc8jrIK2uhyAK2lYJIx6FxE/T3wdrqqrzzUbur/e8QhCzBJugUkX/qTKju5JlIPj/XP4wUeVXSdHDiizkmslULKxoXrdOZUaG4hk4+1jWehs5GEaBdWjwpUj5tUvcLK5asC2gZjxuwYMKhrq4mDPT1R67IoehFOgKMdBI+mVNDLubPLYOGZHNZSWH3mH1KX3uZ1S993FdaFEyNnVnp2Mm5lTNw9M8eMDlADmLQVT+GLkTBk9SiRGorqkqCcaLTQpYuwe/j58ab/lbQzMrJ0iPZORQeJsAkDsYkmGmbumbgqi7DNFOe6rZtk08VxEdTsGwU4n9W0mHll2IjZD/qUzDvTBDPKhmCF03Or5WJes5IWXpBQEVndxgJS2u4F2hv+PL0hKM1dPVF6I4C1/FgqVMFkybkgD+7uLo1oDIbtknsCkqZghED2Ln/t82nBuIvnRmI3lH5ufDlwgzorp+b18ZG6VbGclQYYxa4m8TsmcUBL9Lzy2dtP9YZWm1SMDK2ETwLv3f2UlCs756qX/SG3R87qXA3YlnpFLmn8MJIct6+5l82H+sK0zwJgMoCEyb8ionKimnD5bNLDA+4YcnCdzpP//uicHgg5Shgih+ZPzlO4J1d3R+WTSvG1OJCL3nhwQsYiMYQSziwmZ90ofZJF5Dokohj6aMPeRSyjGiZtWXX4dU79rZ85Wr3I03gNBG8QGQHfHTZJIEcb264NJBS4nqUZdlHlbKM7+DnCax6pvrdV5fXvX3b2Fyz8slthiEm7j18bKOi5dEQUSg0fqTSDiVL96IsUdwzlsxgyZoEjR5sK0EUMNQ9XNVSPa9i0x3zOLPqF1d9np2VFT3Q3Pb1SHwUnAaSSrQYBEgJACUXnvyUTmbRCKXqc3VgWX3dR4uqHvi+bErO8BjWTSpu2mgoJkdGEsFfW9rXdp/uezp65dpsQWmyhPBmsSpJcG0DAZ+EBZVz8FjtwifycuRQefHEs7fi3AF86+oKXfQNRoaTAxTRUZoBFk2xgO7DjJICBAsLvIHFYKmlJUXW+Lv/CTAAo52l45BLwU4AAAAASUVORK5CYII=") !important;
}

/*Abstände der Einträge im Kontext wieder schmaler*/
menupopup > menuitem,
menupopup > menu {
  padding-block: 0 !important;
  padding-inline-start: 14px !important;
}

#appMenu-popup .subviewbutton {
 padding-top:  0px !important; 
}

Alles anzeigen

2002Andreas

Zitat von Lolo

2002 Andreas es funktioniert.

Freut mich wenn ich dir damit helfen konnte, war gern geschehen

black10

BrokenHeart

Danke, Dein Code hat funktioniert...!

Jetzt siehts wieder so aus wie vorher. Das scheint eine Wissenschaft für sich zu sein...

Danke auch für die anderen Antworten..!

2002Andreas

Zitat von black10

Jetzt siehts wieder so aus wie vorher.

Nur mal so.

Die Klammer } in Zeile 48 muss/sollte ans Ende vom Code, also Zeile 114.

black10

Ok, hat jetzt zwar nichts offensichtliches verändert...aber schnell gemacht.

2002Andreas

Zitat von black10

nichts offensichtliches verändert.

Tut es auch nicht.

Aber so wäre es richtig, wenn du eine Regel benutzt.

In diesem Fall die in Zeile: 36

Wobei du in Zeile 2 die gleiche Regel hast, im Prinzip würde dann eine reichen für den kompl. Code.

omar1979

Hallo allen..

ich benütze die untenstehende Code für mehrzeilige Lesezeichen.

Aber wenn ich ab und zu auf ein Lesezeichen-Ordner klicke, dann verschwinden die Lesezeichen.

Und die 2.te Zeile wird auch angezeigt, wenn es leer ist. Kennt jemand eine Lösung? Danke.

CSS

   /* Mehrzeilige Lesezeichen-Symbolleiste */
   
   @-moz-document url("chrome://browser/content/browser.xhtml") {
   #PersonalToolbar,
   #PlacesToolbarItems {
     min-height: calc(25px * 2) !important;
     max-height: 40px !important;
   }
  
   #PlacesToolbar > hbox {
     display: block;
   }
  
   #PersonalToolbar toolbarbutton {
     max-height: 20px !important;
     min-height: 20px !important;
     margin: 0 1px !important;
   }
  
   #PlacesToolbarItems {
     display: flex;
     flex-wrap: wrap;
     overflow-x: visible;
     overflow-y: auto;
   }
   /*
   #PlacesToolbarItems > scrollbar {
     -moz-window-dragging: no-drag;
   } 
   */
   #PlacesToolbar #PlacesChevron {
     display: none;
   }
   }

Alles anzeigen

2002Andreas

Zitat von omar1979

Kennt jemand eine Lösung?

Teste bitte mal:

CSS

   /* Mehrzeilige Lesezeichen-Symbolleiste */
   
   @-moz-document url("chrome://browser/content/browser.xhtml") {
   #PersonalToolbar,
   #PlacesToolbarItems {
     min-height: calc(25px * 2) !important;
     max-height: 40px !important;
   }
  
   #PlacesToolbar > hbox {
     display: block;
   }
  
   #PersonalToolbar toolbarbutton {
     max-height: 20px !important;
     min-height: 20px !important;
     margin: 0 1px !important;
   }
  
   #PlacesToolbarItems {
     display: flex;
     flex-wrap: wrap;
     overflow-x: visible;
     overflow-y: auto;
     contain: none !important;
   }
   /*
   #PlacesToolbarItems > scrollbar {
     -moz-window-dragging: no-drag;
   } 
   */
   #PlacesToolbar #PlacesChevron {
     display: none;
   }
   }

Alles anzeigen

omar1979

Zitat von 2002Andreas

Teste bitte mal:

Danke dir. Hab deine Code jetzt genommen und werde es etwas beobachten. Kann man nicht so machen, dass die 2.te Zeile nur angezeigt wird, wenn ich dort auch Lesezeichen drin habe?

2002Andreas

Zitat von omar1979

wenn ich dort auch Lesezeichen drin habe?

Ändere mal Zeile 6 zu:

min-height: calc(25px * 1) !important;

und teste wieder.

omar1979

Zitat von 2002Andreas

Ändere mal Zeile 6 zu:

min-height: calc(25px * 1) !important;

Wie kann ich noch machen, dass der Abstand zwischen dem unteren Lesezeichen und dem grün/weiss gestricheltem Linie etwas grösser wird?

siehe Bild:

2002Andreas

Zitat von omar1979

dass der Abstand

Teste wieder:

CSS

/* Mehrzeilige Lesezeichen-Symbolleiste */

@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {

#PersonalToolbar {
    max-height: calc(20px * 3) !important;
}
  
#PlacesToolbar > hbox {
   display: block;
}
        
#PersonalToolbar toolbarbutton {
   min-height: 25px !important;
   max-height: 25px !important;
}
    
#PlacesToolbarItems {
   max-height:60px!important;
   display: flex!important;
   flex-wrap: wrap!important;
   overflow-x: visible!important;
   overflow-y: auto!important;
   contain: none !important;
}
    
#PlacesToolbar,
#PersonalToolbar > scrollbar {
  -moz-window-dragging: no-drag !important;
}
    
#PlacesToolbar #PlacesChevron {
  display: none !important;
 }
}

Alles anzeigen

Lesezeichen Symbolleiste mehrzeilig

Ähnliche Themen

Fx 117 > Tableiste unten per CSS-Code, nicht per Skript!

Symbolleiste leer, erstellt keine neuen Wiederherstellungspunkte und manuelle Speicherung nicht mehr möglich

Mehrzeilige Lesezeichensymbolleiste

mehrzeilige Lesezeichen-Symbolleiste FF 89