Nach Update auf FF Version 74.0 Einträge Lesezeichen-Symbolleiste nur untereinander

black10

Hallo,

Unter FF 73 und abwärts hatte ich 2 Lesezeichen-Symbolleisten untereinander, so wie es sein sollte bzw. es von mir eingerichtet wurde.(Chrome Ordner vorhanden).

Nach dem heutigen Update auf Version 74.0 erscheinen die Favoriten nicht mehr nebeneinander in der Symbolleiste (2 zeilig), sondern nur noch untereinander (siehe Photo).

Was kann man da machen..?

2002Andreas

Welchen Code hast du denn dafür benutzt?

Endor

Das liegt am CSS Code für die Mehrzeilige Lesezeichenleiste.

Zeig mal welchen Du dafür verwendest.

Mfg.
Endor

black10

Ich bin mir nicht sicher wie ich das hier einstellen/reinkopieren kann...

Hab jetzt mal alles rauskopiert aus der userChrome.css

Sorry,wenn es zu unübersichtlich ist...

CSS

/* userChrome.css **********************************************/


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

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


/* CSS-Anweisungen bitte unter diesen Kommentar eintragen. */

#TabsToolbar {

min-height: 0px !important;

height: 0px !important;

visibility: hidden !important;

overflow: hidden !important;

}


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

}




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


/* 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: 7; /* <- maximum amount of lines */

}


#PersonalToolbar {

min-height: var(--bookmark_items_height) !important;

max-height: calc(var(--bookmark_items_height)*(var(--bookmark_items_lines))) !important;

}


#PlacesToolbar,

#PlacesToolbarItems {

overflow: visible;

display: block;

}


#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 {

display: block;

}


#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 {

display: -moz-stack !important;

left: 0px;

right: 0px;

width: 100%;

}


#personal-bookmarks #PlacesToolbar #PlacesToolbarItems {

overflow-x: visible;

overflow-y: visible;

}


#personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box {

display: block;

}


#personal-bookmarks #PlacesToolbar > .bookmark-item{

visibility: visible !important;

}


#personal-bookmarks #PlacesToolbar .chevron{

visibility: collapse;

}


#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;

}







#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: 35px !important;

width: 35px !important;

padding: 6px !important;

background-color: white !important;

opacity: 1 !important;}


#nav-bar .toolbarbutton-1 {

filter:none;

fill: black!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;

}

Alles anzeigen

Edit 2002Andreas
Text in Klammercode </> gesetzt.

black10

2002Andreas

Du hast meinen Beitrag in den Klammercode gesetzt..? Danke dafür..!

Aber gibt es auch eine Lösung für mein Problem..?

2002Andreas

Teste bitte mal:

CSS

/*Mehrzeilige Lesezeichen-Symbolleiste*/

@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
     #PersonalToolbar {
        max-height: calc(20px * 3) !important;
    }
    
    #personal-bookmarks,
    #PlacesToolbar,
    #PlacesToolbar > hbox {
        display: block !important;
    }
    
    #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;
    }
}

Alles anzeigen

black10

Bevor ich loslege, nur zu meinem besseren Verständnis.

Ich kopiere deinen kompletten Code und setzte ihn in die userChrome.css, richtig..?

Nur, muß ich da VORHER noch etwas entfernen oder einfach nur deinen Code ZUSÄTZLICH hineinkopieren..?

2002Andreas

Entfern mal deinen kompl. Inhalt, und füg diesen dafür ein:

CSS

/*Mehrzeilige Lesezeichen-Symbolleiste*/
@-moz-document url-prefix("chrome://browser/content/browser.xhtml") {
     #PersonalToolbar {
        max-height: calc(20px * 3) !important;
    }
    
    #personal-bookmarks,
    #PlacesToolbar,
    #PlacesToolbar > hbox {
        display: block !important;
    }
    
    #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: 35px !important;

width: 35px !important;

padding: 6px !important;

background-color: white !important;

opacity: 1 !important;}


#nav-bar .toolbarbutton-1 {

filter:none;

fill: black!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;

}

Alles anzeigen

black10

Super, das hat geklappt. Danke...!

Wie komplex das irgendwie ist. Da zittert man als Laie vor jedem FF Update...und das jetzt monatlich...

Sören Hentzschel

Nur weil jetzt häufiger neue Versionen gepackt werden, geschehen dadurch nicht mehr Änderungen in der gleichen Zeit, sprich es werden auch nicht mehr Script- / CSS-Anpassungen notwendig als wenn der alte Zyklus beibehalten würde. Ist ja nicht so, dass Mozilla irgendwas ändern würde, nur um zwei Wochen später genau das Gleiche wieder zu ändern.

Iggi

Zitat von 2002Andreas

Entfern mal deinen kompl. Inhalt, und füg diesen dafür ein:

Ich war auch ein Betroffener der nun plötzlich senkrechten Lesezeichen Symbolleiste, und der Code korrigiert das ganze auch wieder erfolgreich. Dafür danke. Aber nun sind bei mir sämtliche Tabs verschwunden. Für die mehrzeiligen Tabs nutze ich folgende CSS:

CSS

/* ----------------------------*/
/* Mehrzeilige Tabreihen       */
/* ----------------------------*/
tabs > arrowscrollbox { 
    display: block; 
}

/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 25px !important;
    max-height: 25px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

scrollbox[part][orient="horizontal"] {
    display: flex;
    flex-wrap: wrap; 
    overflow: visible !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    min-height: 30px !important; /* Tab-Höhe + 2 */
    max-height: calc( 3 * 30px ) !important;  /*3 Tabreihen *  Tab-Höhe + 2 */
    -moz-window-dragging: no-drag !important;
}
 /* Feste Breite  des einzelnem Tabs */
.tabbrowser-tab:not([pinned]) {
    min-width:141px !important; 
}

/* Platz für Scrollbar schaffen */
.tabbrowser-tabs {
  margin-right: -41px !important;
}


/* Buttons/Zwischenräume Ausblenden*/
hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]), 
[class="scrollbutton-up"],
[class="scrollbutton-up"] + spacer,
scrollbox[part][orient="horizontal"] + spacer,
[class="scrollbutton-down"] { 
    display: none; 
}

Alles anzeigen

Naturfreund

Weder der CSS-Code von 2002Andreas noch der von Iggi bringen meine Lesezeichen-Symbolleiste zurück. Wo kann der Fehler liegen?

Iggi

Zitat von Naturfreund

Weder der CSS-Code von 2002Andreas noch der von Iggi bringen meine Lesezeichen-Symbolleiste zurück. Wo kann der Fehler liegen?

Da hast du mich sicher falsch verstanden. Was ich hier im Spoiler zeige, ist der Code, den ich eingefügt habe, um die Tableiste mehrzeilig zu haben. Meine mehrzeilige Tableiste ist aber komplett verschwunden, wenn ich den Code von 2002 Andreas einfüge. Der Code von 2002 Andreas bringt mir also zwar die mehrzeilige Lesezeichensymbolleiste zurück, killt dafür aber die (mehrzeilige) Tableiste, und zwar vollständig.

milupo

Iggi Du solltest ein eigenen Thread für die Tableiste eröffnen. Es steht ausschließlich Lesezeichenleiste im Threadtitel. Wenn auch beide mehrzeilig sind, sind das doch unterschiedliche Problemstellungen.

black10

Iggi

Tja, ich glaube das Problem kann selbst ich erklären aber (erst) mal nicht lösen.

2002Andreas hat meinen Code aus Beitrag 4 bearbeitet, und mit seinem Code für die mehrzeilige Lesezeichensymbolleiste vervollständigt.

Sprich in diesem Gesamtcode aus Beitrag 8 von ihm sind Codes/Kürzel enthalten die vorher in MEINER alten userChrome.css drin war. In diesem (Gesamt) Code in Beitrag 8 ist auch ein Code enthalten der die Tableiste killt. Den die hatte ich von Anfang an ausgeschlossen und "gekillt".

Aber welcher von diesen vielen Codes/Kürzeln nun für die Tableiste ist...keine Ahnung

2002Andreas

Zitat von Iggi

killt dafür aber die (mehrzeilige) Tableiste, und zwar vollständig.

Entferne den Eintrag ab Zeile 36 bis einschl. Zeile 48

Zitat von Naturfreund

bringen meine Lesezeichen-Symbolleiste zurück.

Welchen Code hattest du denn bisher benutzt?

Und was heißt zurück...ist sie jetzt weg?

Herr Drawig

andreas, - ich bedanke mich auch bei dir für den neuen Lesezeichen CSS Code - funktioniert

Beste Grüße

Herr Drawig

2002Andreas

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

Naturfreund

Zitat von 2002Andreas

Welchen Code hattest du denn bisher benutzt?

Da muss ich mal suchen. Ich habe ihn nämlich mit den beiden genannten Codes überschrieben.

Zitat von 2002Andreas

Und was heißt zurück...ist sie jetzt weg?

Ich habe jetzt nur noch die Menüleiste. Vorher war darunter direkt die mehrzeilige Lesezeichen-Symbolleiste. Die Lesezeichen-Symbolleiste habe ich deaktiviert. Wenn ich sie aktiviere, erscheint sie so wie im #1.

Iggi

Zitat von 2002Andreas

Zitat von Iggi

killt dafür aber die (mehrzeilige) Tableiste, und zwar vollständig.

Entferne den Eintrag ab Zeile 36 bis einschl. Zeile 48

vielen Dank. Hat aber leider nicht geholfen, mit deinem Code sind zwar die mehrzeiligen Lesezeichen wieder da, aber trotz der Streichung der Zeile 36 bis Zeile 48 keine Tabs:

Ich kann ja hier mal meine gesamte CSS posten, vielleicht findet sich ja ein Experte, der sich des Problems annimmt?

CSS

/* -----------------------------*/
/* Tabs-Toolbar                 */
/* -----------------------------*/
#TabsToolbar:not(:-moz-lwtheme){ 
    /*background-image: url("./image/BackNew0008.png") !important;*/ /*Pfad zu Hintergrundbild bei Standard-Theme */
    color: black !important;
}
   
    
/* -----------------------------*/
/* Tab: Optische Anpassungen    */
/* -----------------------------*/

/* Schriftart/Schriftgröße ändern */
.tabbrowser-tab .tab-label {
    text-shadow: none !important;    
    font-weight: 500 !important;
    font-size:   12px !important;
    font-family: "Arial" !important;
    color: black !important;
}
.tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
    text-shadow: none !important; 
    color: black !important; 
}
.tabbrowser-tab .tab-label[selected="true"] {
    text-shadow: none !important;
    color: black !important; 
    font-weight: 500 !important;
    font-size:   12px !important; 
    font-family: "Arial" !important; 
}

/* Tab-Line entfernen */
#TabsToolbar .tabbrowser-tab .tab-line {
    display: none !important; 
} 

/* Tab-Rahmen entfernen */
.tabbrowser-tab[visuallyselected="true"],
.tabbrowser-tab,
.tabbrowser-tab .tab-background {
    background: unset !important;
    border-top: unset !important;
    outline: none !important;
}

/* Tab-Schließen-Button entfernen 
.tabbrowser-tab .tab-close-button {
  visibility: collapse !important;
}*/

/* Bei Fokus-Verlust nicht ausgrauen */     
#menubar-items :not([fokus]), #tabbrowser-tabs :not([fokus]){
    opacity: 1!important;
}

/*------------------*/
/* Tab-Hintergrund  */
/*------------------*/

/*--- selektiert ---*/
.tab-background[selected=true]:not(:-moz-lwtheme) > spacer {
   background-image:  linear-gradient( rgba(128,128,128,0.3), rgba(10,58,95,0.31) ), none !important;  /* blau */
    /* background-image:  linear-gradient( rgba(230,175,175,1), rgba(84,25,25,1) ),  none !important; */ /* rot */
    filter: drop-shadow(4px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-4px 3px 2px rgba(0,0,0,0.33)) !important; 
}
.tab-background[selected=true]:-moz-lwtheme > spacer {
    background-image:  linear-gradient( rgba(225,225,225,1), rgba(10,58,95,0.4) ), none !important;
    filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.33)) drop-shadow(-2px 3px 2px rgba(0,0,0,0.33)) !important; 
}

/*--- hover(nicht selektiert) ---*/
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer {
    background-image:  linear-gradient( rgba(255,255,255,1), rgba(115,115,115,1) ),  none !important; 
    filter: brightness(130%) contrast(95%) drop-shadow(1px 1px 1px rgba(0,0,0,0.33)) drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)) !important; 
}
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]):-moz-lwtheme > spacer {
    background-image:  linear-gradient( rgba(225,225,225,0.66), rgba(100,125,145,0.66) ),  none !important; 
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}

/*--- nicht selektiert ---*/
.tab-background:not([selected=true]):not(:-moz-lwtheme) > spacer {
    background-image:  linear-gradient( rgba(255,255,255,1), rgba(125,125,125,1) ),  none !important; 
    filter: brightness(115%) contrast(90%) drop-shadow(1px 1px 1px rgba(0,0,0,0.33)) drop-shadow(-1px 1px 1px rgba(0,0,0,0.33)) !important; 
}
.tab-background:not([selected=true]):-moz-lwtheme > spacer {
    background-image:  linear-gradient( rgba(255,255,255,0.33), rgba(110,110,110,0.33) ),  none !important; 
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
}

/*--- Multi-selektiert ---*/
.tab-background[multiselected=true]:not([selected=true]) > spacer {
    background-image:  linear-gradient( rgba(255,255,255,1), rgba(50,98,135,1) ), none !important;
}
.tabbrowser-tab:hover > .tab-stack > .tab-background[multiselected=true]:not([selected=true]) > spacer {
    background-image:  linear-gradient( rgba(225,225,225,1), rgba(50,98,135,1) ), none !important; 
}    


/* ----------------------------*/
/* Mehrzeilige Tabreihen       */
/* ----------------------------*/
tabs > arrowscrollbox { 
    display: block; 
}

/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 25px !important;
    max-height: 25px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

scrollbox[part][orient="horizontal"] {
    display: flex;
    flex-wrap: wrap; 
    overflow: visible !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    min-height: 30px !important; /* Tab-Höhe + 2 */
    max-height: calc( 3 * 30px ) !important;  /*3 Tabreihen *  Tab-Höhe + 2 */
    -moz-window-dragging: no-drag !important;
}
 /* Feste Breite  des einzelnem Tabs */
.tabbrowser-tab:not([pinned]) {
    min-width:141px !important; 
}

/* Platz für Scrollbar schaffen */
.tabbrowser-tabs {
  margin-right: -41px !important;
}


/* Buttons/Zwischenräume Ausblenden*/
hbox.titlebar-spacer,
#alltabs-button,tabs tab:not([fadein]), 
[class="scrollbutton-up"],
[class="scrollbutton-up"] + spacer,
scrollbox[part][orient="horizontal"] + spacer,
[class="scrollbutton-down"] { 
    display: none; 
}


/* Lesezeichensymbolleiste mehrzeilig */
/* 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: 7; /* <- maximum amount of lines */
}

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

#PlacesToolbar,
#PlacesToolbarItems {
  overflow: visible;
  display: block;
}

#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 {
  display: block;
}

#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 {
  display: -moz-stack !important;
  left: 0px;
  right: 0px;
  width: 100%;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems {
  overflow-x: visible;
  overflow-y: visible;
}

#personal-bookmarks #PlacesToolbar #PlacesToolbarItems > box {
  display: block;
}

#personal-bookmarks #PlacesToolbar > .bookmark-item{
  visibility: visible !important;
}

#personal-bookmarks #PlacesToolbar .chevron{
  visibility: collapse;
}

#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;
}

Alles anzeigen