nach FF 107: Tableiste unter der Lesezeichensymbolleiste wird zu hoch dargestellt

Monika Lu

Liebe User,

nach dem Update auf FF 107 (zur Zeit nur bei meinem Mann) haben wir festgestellt, dass sich die Darstellung der Tableiste in der Höhe verändert hat bzw. sich vergrößert hat. Ich füge 2 Anhänge bei: 1. vor dem Update, 2. nach dem Update bei meinem Mann.

Wir haben vieles probiert, sind aber zu keinem besseren Ergebnis als auf dem 2. Bild gekommen.

Die userChrome ist nachfolgend eingetragen.

Ich wäre so dankbar, wenn jemand aus dem Forum über meine userChrome schauen könnte, um vielleicht meinen Fehler zu finden. Bis FF 106 hat alles so funktioniert wie auf dem 1. Bild dargestellt wurde.

Meine userChrome habe ich mir über die langen Jahre immer wieder angepasst und evtl. befinden sich somit auch Teilstücke, die fehlerhaft sind.

Monika

Zitat

CSS

/* Popup der Lesezeichen-Symbolleiste (Ordner) / Button angepasst ab Version 92 */
#PlacesToolbar :is(menu,menuitem), 
#PlacesToolbar menu .toolbarbutton-1 {
    min-width: 320px !important; 
    margin-left: 1px !important; 
    margin-right: 1px !important;
    padding: 0px 34px  !important;    
}

/* Urlbar grün */ funktioniert nicht mehr

     #urlbar {
     --toolbar-field-focus-border-color: #0bb911 !important;
     }


/* Tabs in der Tableiste mit Linien und Farben */


     #TabsToolbar .tabbrowser-tab .tab-background
     {
     border-radius: unset !important;
     margin-block: unset !important;
     }

     .tabbrowser-tab:not([visuallyselected="true"])
    {
    background-color: rgba(208,165,108,0.33) !important;
    border-right: 1px solid #444 !important;
    border-top: 0.5px solid #444 !important;
    border-bottom: 0.5px solid #444 !important;
    }

    .tabbrowser-tab:not([visuallyselected="true"]):hover
    {
    border-top: 2px solid #757575 !important;
    background-color: rgba(255,255,255,0.1) !important;
    border-right: 1px solid #444 !important;
    border-top: 1px solid #444 !important;
    }

    .tabbrowser-tab[visuallyselected="true"]
    {
    border-top: 2px solid #0A84FF !important;
    border-right: 1px solid #444 !important;
    border-bottom: 1px solid #444 !important;
    }

    .tabbrowser-tab .tab-background[selected="true"] {
    background-color: rgbargba(255,255,255,0.2) !important;
    }


    .tabbrowser-tab
    {
    padding-inline: unset !important;
    }



/* Lesezeichen verwalten - Ordnericon FF_Folder */
     @-moz-document url("chrome://browser/content/places/places.xhtml") {
     treechildren::-moz-tree-image(container) {
     list-style-image: url("/Users/lutzhartmannprolu/Documents/FF_Folder/folder(2).png") !important;
     }
     }
/* Lesezeichensymbolleiste - Ordnericon FF_Folder */
     @-moz-document url-prefix(chrome://browser/content/browser.xhtml) {
     .bookmark-item[container="true"] {
     list-style-image: url("/Users/lutzhartmannprolu/Documents/FF_Folder/folder(1).png") !important;
    -moz-image-region: rect(440px 440px 440px 440px) !important;
    }
    }

     @-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
     treechildren::-moz-tree-image(container) {
    list-style-image: url("/Users/lutzhartmannprolu/Documents/FF_Folder/folder(2).png") !important;
    }
    }





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

     / * Mehrstufige Lesezeichen-Symbolleiste  */
     
  #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 {
   max-height:60px !important;
   display: flex !important;
   flex-wrap: wrap !important;
   overflow-x: visible !important;
   overflow-y: auto !important;
   contain: none !important; /* <- neu (FF107) */
    }
    #PlacesToolbarItems {
        -moz-window-dragging: no-drag;
    }
    #PlacesToolbar #PlacesChevron {
        display: none;
    }
#main-menubar > *,
    #PlacesToolbarItems > toolbarbutton{
    font-size:13px!important;}
    }
 }

/* Linux/macOS Platz oberhalb der Lesezeichen-Symbolleiste bzw. unter dem Menü */
/* space above navigation toolbar (OS titlebar) */
/* set to '0', if no menubar is used */
     #main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
     margin-top: 2px !important;
     }

/* Schriftgröße Tabs */
     .tab-text {
     font-size:12px !important;
     }

/* Aktiver Tab Schrift fett + schwarz */
     .tabbrowser-tab[selected="true"]{
     font-weight:bold;
     color: black!important;
     }

/* Aktiver Tab Hintergrund grey */
     .tab-background[selected="true"]{
     background: #cdc1c5!important;
     }

/* Tableiste mehrreihig */
     @-moz-document url(chrome://browser/content/browser.xhtml) {

     [tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox {
     padding-top: 8px !important;
     }

     #titlebar,#tabbrowser-tabs {
     appearance: none !important;
     }

     [tabsintitlebar="true"] #TabsToolbar > .titlebar-buttonbox-container,
     #main-window[inFullscreen="true"] #window-controls {
     display: block;
     }



/* Abstand Tableiste nach oben - unten, und Höhe der Tableiste */

    #titlebar {
    margin-top: -8px !important;
    margin-bottom: -9px;

    }

/* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 6 Zeilen, weitere per Scrollbar */
     box[class="scrollbox-clip"][orient="horizontal"],
     tabs > arrowscrollbox { display: block; }
     scrollbox[part][orient="horizontal"] {
     display: flex;
     flex-wrap: wrap;
     max-height: calc(var(--tab-min-height) * 3); /* Anzahl der angezeigten Tabreihen = 6 Zeilen */
     overflow-x: hidden;
     overflow-y: auto;
     }

     tabs tab[fadein]:not([pinned]) {
     flex-grow: 1;
     }

     tabs tab,.tab-background {
     height: var(--tab-min-height);
     overflow: hidden;
     }

     tab > .tab-stack {
     width: 100%;
     }

     box[class="scrollbox-clip"][orient="horizontal"] {
     -moz-window-dragging: no-drag;
     }

     hbox.titlebar-spacer,
     #alltabs-button,tabs tab:not([fadein]) {
     display: none;
     }




/* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */
     tabs tab[fadein]:not([pinned]) {
     min-width: 150px !important;/* Minimale Tabbreite 276px */
     max-width: 180px !important;/* Maximale Tabbreite 325px */
     }
     }

/* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
     #titlebar {
     -moz-box-ordinal-group: 100 !important;
     }

/* space above tabs toolbar */
     #main-window[tabsintitlebar][sizemode="maximized"] * #titlebar {
     margin-top: -8px !important;
     }

/* space for menubar above navigation toolbar (Firefox titlebar) */
    #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
    margin-top: 24px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
    margin-top: 24px !important;
    }

/* add 'drag' feature to space above navigation toolbar */
     #main-window[tabsintitlebar] #navigator-toolbox,
     #main-window[tabsintitlebar] #nav-bar {
     -moz-window-dragging: drag !important;
     }

/* move menubar to the top and extend its with to full window width */
     #toolbar-menubar {
     position: fixed !important;
     width: 100vw !important;
    -moz-window-dragging: drag !important;
    }

/* move menubars / tab toolbars caption buttons to windows top right position */
     #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
     position: fixed !important;
     right: 0 !important;
     visibility: visible !important;
     display: block !important;
     }

/* menubar postion after moving to the top */
     #toolbar-menubar {
     top: 0px !important;
     }



/* menubar postion in maximized mode after moving to the top */
    #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
    top: 0px !important;
    }

/* caption button position in maximized mode after moving to the top */
     #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
     #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
     top: -14px !important;
     }

/* Windows */
        @media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
    /* set to '0', if no menubar is used */
    #main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
      margin-top: 18px !important;
    }
    /* set to '0', if no menubar is used */
    #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
      margin-top: 32px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
      top: 8px !important;
    }
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
      top: 0px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
      top: 8px !important;
    }
        }


Textgruppe 1 Datei: von userChrome 7 rausgeworfene Textteile.rtf









/* This nullifies the left separator animation making "hovering" tabs less distracting */

     .tabbrowser-tab::after,

     #tabbrowser-tabs[movingtab] > .tabbrowser-tab[visuallyselected]::before {

     margin-top: 0px !important;

     margin-bottom: 0px !important;
     }

Alles anzeigen

2002Andreas

Zitat von Monika Lu

über meine userChrome schauen könnte

Hallo Monika.

Meinst du so?

Wenn ja, dann teste bitte diesen kompl. neuen Code:

CSS

/* Popup der Lesezeichen-Symbolleiste (Ordner) / Button angepasst ab Version 92 */
#PlacesToolbar :is(menu,menuitem), 
#PlacesToolbar menu .toolbarbutton-1 {
    min-width: 320px !important; 
    margin-left: 1px !important; 
    margin-right: 1px !important;
    padding: 0px 34px  !important;    
}

/* Urlbar grün */ 

     #urlbar {
     --toolbar-field-focus-border-color: #0bb911 !important;
     }


/* Tabs in der Tableiste mit Linien und Farben */


     #TabsToolbar .tabbrowser-tab .tab-background
     {
     border-radius: unset !important;
     margin-block: unset !important;
     }

     .tabbrowser-tab:not([visuallyselected="true"])
    {
    background-color: rgba(208,165,108,0.33) !important;
    border-right: 1px solid #444 !important;
    border-top: 0.5px solid #444 !important;
    border-bottom: 0.5px solid #444 !important;
    }

    .tabbrowser-tab:not([visuallyselected="true"]):hover
    {
    border-top: 2px solid #757575 !important;
    background-color: rgba(255,255,255,0.1) !important;
    border-right: 1px solid #444 !important;
    border-top: 1px solid #444 !important;
    }

    .tabbrowser-tab[visuallyselected="true"]
    {
    border-top: 2px solid #0A84FF !important;
    border-right: 1px solid #444 !important;
    border-bottom: 1px solid #444 !important;
    }

    .tabbrowser-tab .tab-background[selected="true"] {
    background-color: rgbargba(255,255,255,0.2) !important;
    }


    .tabbrowser-tab
    {
    padding-inline: unset !important;
    }



/* Lesezeichen verwalten - Ordnericon FF_Folder */
     @-moz-document url("chrome://browser/content/places/places.xhtml") {
     treechildren::-moz-tree-image(container) {
     list-style-image: url("/Users/lutzhartmannprolu/Documents/FF_Folder/folder(2).png") !important;
     }
     }
/* Lesezeichensymbolleiste - Ordnericon FF_Folder */
     @-moz-document url-prefix(chrome://browser/content/browser.xhtml) {
     .bookmark-item[container="true"] {
     list-style-image: url("/Users/lutzhartmannprolu/Documents/FF_Folder/folder(1).png") !important;
    -moz-image-region: rect(440px 440px 440px 440px) !important;
    }
    }

     @-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") {
     treechildren::-moz-tree-image(container) {
    list-style-image: url("/Users/lutzhartmannprolu/Documents/FF_Folder/folder(2).png") !important;
    }
    }





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

     /* Mehrstufige Lesezeichen-Symbolleiste  */
     
  #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 {
   max-height:60px !important;
   display: flex !important;
   flex-wrap: wrap !important;
   overflow-x: visible !important;
   overflow-y: auto !important;
   contain: none !important; /* <- neu (FF107) */
    }
    #PlacesToolbarItems {
        -moz-window-dragging: no-drag;
    }
    #PlacesToolbar #PlacesChevron {
        display: none;
    }
#main-menubar > *,
    #PlacesToolbarItems > toolbarbutton{
    font-size:13px!important;}
    }
 }

/* Linux/macOS Platz oberhalb der Lesezeichen-Symbolleiste bzw. unter dem Menü */
/* space above navigation toolbar (OS titlebar) */
/* set to '0', if no menubar is used */
     #main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
     margin-top: 2px !important;
     }

/* Schriftgröße Tabs */
     .tab-text {
     font-size:12px !important;
     }

/* Aktiver Tab Schrift fett + schwarz */
     .tabbrowser-tab[selected="true"]{
     font-weight:bold;
     color: black!important;
     }

/* Aktiver Tab Hintergrund grey */
     .tab-background[selected="true"]{
     background: #cdc1c5!important;
     }

/* Tableiste mehrreihig */
     @-moz-document url(chrome://browser/content/browser.xhtml) {

     [tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox {
     padding-top: 8px !important;
     }

     #titlebar,#tabbrowser-tabs {
     appearance: none !important;
     }

     [tabsintitlebar="true"] #TabsToolbar > .titlebar-buttonbox-container,
     #main-window[inFullscreen="true"] #window-controls {
     display: block;
     }



/* Abstand Tableiste nach oben - unten, und Höhe der Tableiste */

    #titlebar {
    margin-top: -8px !important;
    margin-bottom: -9px;

    }

/* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 6 Zeilen, weitere per Scrollbar */
     box[class="scrollbox-clip"][orient="horizontal"],
     tabs > arrowscrollbox { 
     display: block; 
     contain:none !important;
     }
     scrollbox[part][orient="horizontal"] {
     display: flex;
     flex-wrap: wrap;
     max-height: calc(var(--tab-min-height) * 3); /* Anzahl der angezeigten Tabreihen = 6 Zeilen */
     overflow-x: hidden;
     overflow-y: auto;
     }

     tabs tab[fadein]:not([pinned]) {
     flex-grow: 1;
     }

     tabs tab,.tab-background {
     height: var(--tab-min-height);
     overflow: hidden;
     }

     tab > .tab-stack {
     width: 100%;
     }

     box[class="scrollbox-clip"][orient="horizontal"] {
     -moz-window-dragging: no-drag;
     }

     hbox.titlebar-spacer,
     #alltabs-button,tabs tab:not([fadein]) {
     display: none;
     }


/* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */
     tabs tab[fadein]:not([pinned]) {
     min-width: 150px !important;/* Minimale Tabbreite 276px */
     max-width: 180px !important;/* Maximale Tabbreite 325px */
     }
     }

/* move titlebar and its content (menubar, tabs toolbar) below navigation/bookmarks toolbar */
     #titlebar {
     -moz-box-ordinal-group: 100 !important;
     }

/* space above tabs toolbar */
     #main-window[tabsintitlebar][sizemode="maximized"] * #titlebar {
     margin-top: -8px !important;
     }

/* space for menubar above navigation toolbar (Firefox titlebar) */
    #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar {
    margin-top: 24px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
    margin-top: 24px !important;
    }

/* add 'drag' feature to space above navigation toolbar */
     #main-window[tabsintitlebar] #navigator-toolbox,
     #main-window[tabsintitlebar] #nav-bar {
     -moz-window-dragging: drag !important;
     }

/* move menubar to the top and extend its with to full window width */
     #toolbar-menubar {
     position: fixed !important;
     width: 100vw !important;
    -moz-window-dragging: drag !important;
    }

/* move menubars / tab toolbars caption buttons to windows top right position */
     #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
     position: fixed !important;
     right: 0 !important;
     visibility: visible !important;
     display: block !important;
     }

/* menubar postion after moving to the top */
     #toolbar-menubar {
     top: 0px !important;
     }



/* menubar postion in maximized mode after moving to the top */
    #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
    top: 0px !important;
    }

/* caption button position in maximized mode after moving to the top */
     #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container,
     #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
     top: -14px !important;
     }

/* Windows */
        @media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) {
    /* set to '0', if no menubar is used */
    #main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar {
      margin-top: 18px !important;
    }
    /* set to '0', if no menubar is used */
    #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar {
      margin-top: 32px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar {
      top: 8px !important;
    }
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
      top: 0px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
      top: 8px !important;
    }
        }


/* Textgruppe 1 Datei: von userChrome 7 rausgeworfene Textteile.rtf */


/* This nullifies the left separator animation making "hovering" tabs less distracting */

     .tabbrowser-tab::after,

     #tabbrowser-tabs[movingtab] > .tabbrowser-tab[visuallyselected]::before {

     margin-top: 0px !important;

     margin-bottom: 0px !important;
     }

Alles anzeigen

Sensei

Zitat von 2002Andreas

Wenn ja, dann teste bitte diesen kompl. neuen Code:

Hallo Andreas,

da ich dasselbe Problem habe reihe ich mich hier mal ein.

Den Code habe ich jetzt auch probiert und dafür die MultiRowTab_LiteforFx48_03.uc.js entfernt.

Nun schiebt sich, wenn ich eine 2.Reihe Tabs aufmache das ganze nach oben über die Lesezeichen.

zusätzlich werden die Tabs unten nicht vollständig angezeigt.

Und wenn nur ein Tab geöffnet ist wird die Leiste nicht ausgeblendet.

Dafür hatte ich bisher HideTabbarWithOneTab.uc.js

Kriegen wir das wieder hin?

so sieht meine userChrome.css aus:

CSS

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

.tabbrowser-tab:not([selected="true"]) {

color: black !important;

background: #E2C9AD !important;

font-weight: bold !important;

}

/* Aktiver Tab */

.tabbrowser-tab[selected] .tab-content {

color: blue !important;

background: #DAB485 !important;

font-weight: bold !important;

}

.tabbrowser-tab:not([pinned]) {

-moz-box-flex: 0!important;

width: 157px!important;

}

}

/* abgerundete Ecken der Tabs */
#TabsToolbar .tabbrowser-tab{
border-radius: 80px !important;
border:none!important;
}
.tab-background:not([selected=true]) { background: transparent !important; border-radius: 80px !important; border: 1px solid darkgreen !important; }
.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image:none!important;
border-image-slice: 0!important;
width: 0px!important;
box-sizing: border-box;
opacity: 0!important;
}
.tabbrowser-tab:hover {
border-image: none !important;
border-radius: 80px !important;
}
.tab-line:not([selected=true]) { display:none!important }

/* Link in Statusleiste anzeigen*/

#statuspanel {
border:none!important;
margin-top:-20px!important;
-moz-box-ordinal-group: 100 !important;
font-weight: bold !important; font-size: 15px !important;
}

#statuspanel-label{ border:none!important;
background:transparent!important;
border:none!important;
color: blue !important;
}

/*Flexibler Leerraum*/

toolbarspring { -moz-box-flex: 1; min-width: 9px; max-width: none !important;
}

.content__item { max-width: 350px; padding: 5px; height: 850px; margin: 5px; overflow: auto; {
.content__item.ads { display: none }

}

/* Popup der Lesezeichen-Symbolleiste (Ordner) / Button angepasst ab Version 92 */
#PlacesToolbar :is(menu,menuitem), #PlacesToolbar menu .toolbarbutton-1 { min-width: 320px !important; margin-left: 1px !important; margin-right: 1px !important; padding: 0px 34px !important; }

/* Urlbar grün */ #urlbar { --toolbar-field-focus-border-color: #0bb911 !important; }

/* Tabs in der Tableiste mit Linien und Farben */

#TabsToolbar .tabbrowser-tab .tab-background { border-radius: unset !important; margin-block: unset !important; }
.tabbrowser-tab:not([visuallyselected="true"]) { background-color: rgba(208,165,108,0.33) !important; border-right: 1px solid #444 !important; border-top: 0.5px solid #444 !important; border-bottom: 0.5px solid #444 !important; }
.tabbrowser-tab:not([visuallyselected="true"]):hover { border-top: 2px solid #757575 !important; background-color: rgba(255,255,255,0.1) !important; border-right: 1px solid #444 !important; border-top: 1px solid #444 !important; }
.tabbrowser-tab[visuallyselected="true"] { border-top: 2px solid #0A84FF !important; border-right: 1px solid #444 !important; border-bottom: 1px solid #444 !important; }
.tabbrowser-tab .tab-background[selected="true"] { background-color: rgbargba(255,255,255,0.2) !important; }

.tabbrowser-tab { padding-inline: unset !important; }

/* Lesezeichen verwalten - Ordnericon FF_Folder */ @-moz-document url("chrome://browser/content/places/places.xhtml") { treechildren::-moz-tree-image(container) { list-style-image: url("/Users/lutzhartmannprolu/Documents/FF_Folder/folder(2).png") !important; } }
/* Lesezeichensymbolleiste - Ordnericon FF_Folder */ @-moz-document url-prefix(chrome://browser/content/browser.xhtml) { .bookmark-item[container="true"] { list-style-image: url("/Users/lutzhartmannprolu/Documents/FF_Folder/folder(1).png") !important; -moz-image-region: rect(440px 440px 440px 440px) !important; } }
@-moz-document url("chrome://browser/content/places/bookmarksSidebar.xhtml") { treechildren::-moz-tree-image(container) { list-style-image: url("/Users/lutzhartmannprolu/Documents/FF_Folder/folder(2).png") !important; } }

@-moz-document url("chrome://browser/content/browser.xhtml") {
/* Mehrstufige Lesezeichen-Symbolleiste */ #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 { max-height:60px !important; display: flex !important; flex-wrap: wrap !important; overflow-x: visible !important; overflow-y: auto !important; contain: none !important; /* <- neu (FF107) */ } #PlacesToolbarItems { -moz-window-dragging: no-drag; } #PlacesToolbar #PlacesChevron { display: none; }
#main-menubar > *, #PlacesToolbarItems > toolbarbutton{ font-size:13px!important;} } }

/* Linux/macOS Platz oberhalb der Lesezeichen-Symbolleiste bzw. unter dem Menü */
/* space above navigation toolbar (OS titlebar) */
/* set to '0', if no menubar is used */ #main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar { margin-top: 2px !important; }

/* Schriftgröße Tabs */ .tab-text { font-size:12px !important; }

/* Aktiver Tab Schrift fett + schwarz */ .tabbrowser-tab[selected="true"]{ font-weight:bold; color: black!important; }

/* Aktiver Tab Hintergrund grey */ .tab-background[selected="true"]{ background: #cdc1c5!important; }

/* Tableiste mehrreihig */ @-moz-document url(chrome://browser/content/browser.xhtml) {
[tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox { padding-top: 8px !important; }
#titlebar,#tabbrowser-tabs { appearance: none !important; }
[tabsintitlebar="true"] #TabsToolbar > .titlebar-buttonbox-container, #main-window[inFullscreen="true"] #window-controls { display: block; }

/* Abstand Tableiste nach oben - unten, und Höhe der Tableiste */
#titlebar { margin-top: 10px !important; margin-bottom: 8px;
}

/* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 6 Zeilen, weitere per Scrollbar */ box[class="scrollbox-clip"][orient="horizontal"], tabs > arrowscrollbox { display: block; contain:none !important; } scrollbox[part][orient="horizontal"] { display: flex; flex-wrap: wrap; max-height: calc(var(--tab-min-height) * 3); /* Anzahl der angezeigten Tabreihen = 6 Zeilen */ overflow-x: hidden; overflow-y: auto; }
tabs tab[fadein]:not([pinned]) { flex-grow: 1; }
tabs tab,.tab-background { height: var(--tab-min-height); overflow: hidden; }
tab > .tab-stack { width: 100%; }
box[class="scrollbox-clip"][orient="horizontal"] { -moz-window-dragging: no-drag; }
hbox.titlebar-spacer, #alltabs-button,tabs tab:not([fadein]) { display: none; }

/* Feste Breite der einzelnen Tabs wenn gewünscht, sonst entfernen bzw. verbreitern */ tabs tab[fadein]:not([pinned]) { min-width: 150px !important;/* Minimale Tabbreite 276px */ max-width: 180px !important;/* Maximale Tabbreite 325px */ } }

/* space above tabs toolbar */ #main-window[tabsintitlebar][sizemode="maximized"] * #titlebar { margin-top: -8px !important; }

/* space for menubar above navigation toolbar (Firefox titlebar) */ #main-window[tabsintitlebar]:not([sizemode="fullscreen"]) #nav-bar { margin-top: 24px !important; } #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar { margin-top: 24px !important; }

/* add 'drag' feature to space above navigation toolbar */ #main-window[tabsintitlebar] #navigator-toolbox, #main-window[tabsintitlebar] #nav-bar { -moz-window-dragging: drag !important; }

/* move menubar to the top and extend its with to full window width */ #toolbar-menubar { position: fixed !important; width: 100vw !important; -moz-window-dragging: drag !important; }

/* move menubars / tab toolbars caption buttons to windows top right position */ #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { position: fixed !important; right: 0 !important; visibility: visible !important; display: block !important; }

/* menubar postion after moving to the top */ #toolbar-menubar { top: 0px !important; }

/* menubar postion in maximized mode after moving to the top */ #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar { top: 0px !important; }

/* caption button position in maximized mode after moving to the top */ #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container, #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { top: -14px !important; }

/* Windows */ @media (-moz-os-version:windows-win10), (-moz-os-version:windows-win8), (-moz-os-version:windows-win7) { /* set to '0', if no menubar is used */ #main-window:not([tabsintitlebar]):not([sizemode="fullscreen"]) #nav-bar { margin-top: 18px !important; } /* set to '0', if no menubar is used */ #main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-bar { margin-top: 32px !important; } #main-window[tabsintitlebar][sizemode="maximized"] #toolbar-menubar { top: 8px !important; } #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { top: 0px !important; } #main-window[tabsintitlebar][sizemode="maximized"]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-container { top: 8px !important; } }

/* Textgruppe 1 Datei: von userChrome 7 rausgeworfene Textteile.rtf */

/* This nullifies the left separator animation making "hovering" tabs less distracting */
.tabbrowser-tab::after,
#tabbrowser-tabs[movingtab] > .tabbrowser-tab[visuallyselected]::before {
margin-top: 0px !important;
margin-bottom: 0px !important; }

/*Tableiste unten*/

toolbarbutton.bookmark-item {

margin-left: -5px !important;

}
#TabsToolbar { position: absolute; display: block; bottom: 0; width: 100vw; background-clip: padding-box; color: var(--toolbar-color);
}

#tabbrowser-tabs { width: 100vw;
}

#navigator-toolbox { position: relative; padding-bottom: calc( var(--tab-min-height) + 8px );
}

.titlebar-buttonbox-container { position: fixed; right: 0; visibility: visible; display: block;
}

#TabsToolbar .titlebar-buttonbox-container,
#TabsToolbar #window-controls { display: none;
}

Alles anzeigen

2002Andreas

Hallo Sensei ..

hier das angepasste Skript für die MultiRowTab_LiteforFx48.uc.js

Nutz also das neue Skript und deine wenn vorhandene userChrome.css.

Einfach wahllos einen Code kopieren bringt nicht immer was zumal in dem obigen die Pfade zu den genutzen Icons bei dir ja auch nicht passen. Außerdem hast du die Icons wahrscheinlich auch gar nicht.

JavaScript

// ==UserScript==
// @name           zzzz-MultiRowTab_LiteforFx48.uc.js
// @namespace      http://space.geocities.yahoo.co.jp/gl/alice0775
// @description    Experimentelle CSS Version für Mehrzeilige Tableiste
// @include        main
// @compatibility  Firefox 106
// @author         Alice0775
// @version        2016/08/05 00:00 Firefox 48
// @version        2016/05/01 00:01 hide favicon if busy
// @version        2016/03/09 00:01 Bug 1222490 - Actually remove panorama for Fx45+
// @version        2016/02/09 00:01 workaround css for lwt
// @version        2016/02/09 00:00
// ==/UserScript==
"use strict";
MultiRowTabLiteforFx();
function MultiRowTabLiteforFx() {

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

    /* Symbolleiste Sortieren */
    #toolbar-menubar { -moz-box-ordinal-group: 1; } /* Menüleiste */
    #nav-bar         { -moz-box-ordinal-group: 2; } /* Navigationsleiste */
    #PersonalToolbar { -moz-box-ordinal-group: 3; } /* Lesezeichenleiste */
    #titlebar        { -moz-box-ordinal-group: 4; } /* Tableiste */

    /*Anpassung der Symbolleiste */
    #titlebar,#tabbrowser-tabs { -moz-appearance: none !important; }

    /* Anpassung für Titelleistenschaltflächen */
    #nav-bar > .titlebar-buttonbox-container .titlebar-button { width: 46px !important; }
    #toolbar-menubar:not([inactive]) ~ #nav-bar:not([inFullscreen]) > .titlebar-buttonbox-container { display: none !important; }

    /* Mehrzeilige Tableiste */
    box.scrollbox-clip[orient="horizontal"] { display: block !important;contain: none !important; }
    box.scrollbox-clip[orient="horizontal"] > scrollbox {
        display: flex !important;
        flex-wrap: wrap !important; }
    .tabbrowser-tab[fadein]:not([pinned]) { flex-grow: 1 !important; }
    .tabbrowser-tab { height: calc(8px + var(--tab-min-height)); }
    .tabbrowser-tab > .tab-stack { width: 100% !important; }
    #TabsToolbar .toolbarbutton-1 { margin: 0 !important; }

    /* Ausblenden - Verstecken  */
    .tabbrowser-tab:not([fadein]),#alltabs-button { display: none !important; }

   /* --- Ziehbereich der Tab-Leiste --- */
    
    /* Anpassung */
    hbox.titlebar-spacer[type="pre-tabs"] { width: 0px !important; } /* Linker Ziehbereich: Standard 40px  */
    hbox.titlebar-spacer[type="post-tabs"] { width: 0px !important; } /* Rechter Ziehbereich: Standard 40px  */
    /* ↓ Wenn Sie die Auskommentierung links und rechts von unten stehenden CSS-Code entfernen und den CSS-Code aktivieren, 
       können Sie den Ziehbereich links einblenden, der beim Maximieren des Fensters ausgeblendet wird. */
    /* :root:not([sizemode="normal"]) hbox.titlebar-spacer[type="pre-tabs"] { display: block !important; } */

    /* ↓ Wenn Sie die Auskommentierung links und rechts von unten stehenden CSS-Code entfernen und den CSS-Code aktivieren, 
         können Sie den linken und rechten Ziehbereich einblenden, der im Vollbildmodus ausgeblendet wird.   */
    /* :root[inFullscreen] .titlebar-spacer { display: block !important; } */

    } `;
    var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
    var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css));
    sss.loadAndRegisterSheet(uri, sss.USER_SHEET);

    if(location.href !== 'chrome://browser/content/browser.xhtml') return;

    // Verschieben Sie die Menüleiste an den oberen Rand der Symbolleiste 
    document.getElementById("titlebar").parentNode.insertBefore(document.getElementById("toolbar-menubar"),document.getElementById("titlebar"));

    // Titelleisten Schaltflächen in die Tableiste an den Rechten Rand verschieben
    document.getElementById("nav-bar").appendChild(document.querySelector("#TabsToolbar .titlebar-buttonbox-container"));

    // Scroll-Buttons und Spacer in der Tab-Leiste ausblenden shadowRoot 
    gBrowser.tabContainer.arrowScrollbox.shadowRoot.getElementById('scrollbutton-up').style.display = "none";
    gBrowser.tabContainer.arrowScrollbox.shadowRoot.getElementById('scrollbutton-down').style.display = "none";
    gBrowser.tabContainer.arrowScrollbox.shadowRoot.querySelector('[part="overflow-start-indicator"]').style.display = "none";
    gBrowser.tabContainer.arrowScrollbox.shadowRoot.querySelector('[part="overflow-end-indicator"]').style.display = "none";

    // drag & drop & DropIndicator

    gBrowser.tabContainer.clearDropIndicator = function() {
      let tabs = this.allTabs;
      for (let i = 0, len = tabs.length; i < len; i++) {
        tabs[i].removeAttribute("style");
      }
    }
    gBrowser.tabContainer.addEventListener("dragleave", function(event) { this.clearDropIndicator(event); }, true);

    gBrowser.tabContainer.on_dragover = function(event) {
      this.clearDropIndicator();
      var effects = this.getDropEffectForTabDrag(event);

      event.preventDefault();
      event.stopPropagation();

      if (effects == "link") {
        let tab = this._getDragTargetTab(event, true);
        if (tab) {
          if (!this._dragTime) {
            this._dragTime = Date.now();
          }
          if (Date.now() >= this._dragTime + this._dragOverDelay) {
            this.selectedItem = tab;
          }
          return;
        }
      }

      let newIndex = this._getDropIndex(event, effects == "link");
      let children = this.allTabs;
      if (newIndex == children.length) {
        children[newIndex - 1].style.setProperty("box-shadow","-1px 0 0 red inset,1px 0 0 red","important");
      } else {
        children[newIndex].style.setProperty("box-shadow","1px 0 0 red inset,-1px 0 0 red","important");
      }
    }

    gBrowser.tabContainer.on_drop = function(event) {
      this.clearDropIndicator();
      var dt = event.dataTransfer;
      var dropEffect = dt.dropEffect;
      var draggedTab;
      let movingTabs;
      if (dt.mozTypesAt(0)[0] == TAB_DROP_TYPE) {
        // tab copy or move
        draggedTab = dt.mozGetDataAt(TAB_DROP_TYPE, 0);
        // not our drop then
        if (!draggedTab) {
          return;
        }
        movingTabs = draggedTab._dragData.movingTabs;
        draggedTab.container._finishGroupSelectedTabs(draggedTab);
      }

      this._tabDropIndicator.hidden = true;
      event.stopPropagation();
      if (draggedTab && dropEffect == "copy") {
        // copy the dropped tab (wherever it's from)
        let newIndex = this._getDropIndex(event, false);
        let draggedTabCopy;
        for (let tab of movingTabs) {
          let newTab = gBrowser.duplicateTab(tab);
          gBrowser.moveTabTo(newTab, newIndex++);
          if (tab == draggedTab) {
            draggedTabCopy = newTab;
          }
        }
        if (draggedTab.container != this || event.shiftKey) {
          this.selectedItem = draggedTabCopy;
        }
      } else if (draggedTab && draggedTab.container == this) {
        let oldTranslateX = Math.round(draggedTab._dragData.translateX);
        let tabWidth = Math.round(draggedTab._dragData.tabWidth);
        let translateOffset = oldTranslateX % tabWidth;
        let newTranslateX = oldTranslateX - translateOffset;
        if (oldTranslateX > 0 && translateOffset > tabWidth / 2) {
          newTranslateX += tabWidth;
        } else if (oldTranslateX < 0 && -translateOffset > tabWidth / 2) {
          newTranslateX -= tabWidth;
        }

        let dropIndex;
        if (draggedTab._dragData.fromTabList) {
          dropIndex = this._getDropIndex(event, false);
        } else {
          dropIndex = this._getDropIndex(event, false);
         // "animDropIndex" in draggedTab._dragData &&
         // draggedTab._dragData.animDropIndex;
        }
        let incrementDropIndex = true;
        if (dropIndex && dropIndex > movingTabs[0]._tPos) {
          dropIndex--;
          incrementDropIndex = false;
        }

        if (oldTranslateX && oldTranslateX != newTranslateX && !gReduceMotion) {
          for (let tab of movingTabs) {
            tab.setAttribute("tabdrop-samewindow", "true");
            tab.style.transform = "translateX(" + newTranslateX + "px)";
            let postTransitionCleanup = () => {
              tab.removeAttribute("tabdrop-samewindow");

              this._finishAnimateTabMove();
              if (dropIndex !== false) {
                gBrowser.moveTabTo(tab, dropIndex);
                if (incrementDropIndex) {
                  dropIndex++;
                }
              }

              gBrowser.syncThrobberAnimations(tab);
            };
            if (gReduceMotion) {
              postTransitionCleanup();
            } else {
              let onTransitionEnd = transitionendEvent => {
                if (
                  transitionendEvent.propertyName != "transform" ||
                  transitionendEvent.originalTarget != tab
                ) {
                  return;
                }
                tab.removeEventListener("transitionend", onTransitionEnd);

                postTransitionCleanup();
              };
              tab.addEventListener("transitionend", onTransitionEnd);
            }
          }
        } else {
          this._finishAnimateTabMove();
          if (dropIndex !== false) {
            for (let tab of movingTabs) {
              gBrowser.moveTabTo(tab, dropIndex);
              if (incrementDropIndex) {
                dropIndex++;
              }
            }
          }
        }
      } else if (draggedTab) {
        // Move the tabs. To avoid multiple tab-switches in the original window,
        // the selected tab should be adopted last.
        const dropIndex = this._getDropIndex(event, false);
        let newIndex = dropIndex;
        let selectedTab;
        let indexForSelectedTab;
        for (let i = 0; i < movingTabs.length; ++i) {
          const tab = movingTabs[i];
          if (tab.selected) {
            selectedTab = tab;
            indexForSelectedTab = newIndex;
          } else {
            const newTab = gBrowser.adoptTab(tab, newIndex, tab == draggedTab);
            if (newTab) {
              ++newIndex;
            }
          }
        }
        if (selectedTab) {
          const newTab = gBrowser.adoptTab(
            selectedTab,
            indexForSelectedTab,
            selectedTab == draggedTab
          );
          if (newTab) {
            ++newIndex;
          }
        }

        // Restore tab selection
        gBrowser.addRangeToMultiSelectedTabs(
          gBrowser.tabs[dropIndex],
          gBrowser.tabs[newIndex - 1]
        );
      } else {
        // Pass true to disallow dropping javascript: or data: urls
        let links;
        try {
          links = browserDragAndDrop.dropLinks(event, true);
        } catch (ex) {}

        if (!links || links.length === 0) {
          return;
        }

        let inBackground = Services.prefs.getBoolPref(
          "browser.tabs.loadInBackground"
        );
        if (event.shiftKey) {
          inBackground = !inBackground;
        }

        let targetTab = this._getDragTargetTab(event, true);
        let userContextId = this.selectedItem.getAttribute("usercontextid");
        let replace = !!targetTab;
        let newIndex = this._getDropIndex(event, true);
        let urls = links.map(link => link.url);
        let csp = browserDragAndDrop.getCSP(event);
        let triggeringPrincipal = browserDragAndDrop.getTriggeringPrincipal(
          event
        );

        (async () => {
          if (
            urls.length >=
            Services.prefs.getIntPref("browser.tabs.maxOpenBeforeWarn")
          ) {
            // Sync dialog cannot be used inside drop event handler.
            let answer = await OpenInTabsUtils.promiseConfirmOpenInTabs(
              urls.length,
              window
            );
            if (!answer) {
              return;
            }
          }

          gBrowser.loadTabs(urls, {
            inBackground,
            replace,
            allowThirdPartyFixup: true,
            targetTab,
            newIndex,
            userContextId,
            triggeringPrincipal,
            csp,
          });
        })();
      }

      if (draggedTab) {
        delete draggedTab._dragData;
      }
    }

    gBrowser.tabContainer._getDropIndex = function(event, isLink) {
      var tabs = this.allTabs;
      var tab = this._getDragTargetTab(event, isLink);
      if (!RTL_UI) {
        for (let i = tab ? tab._tPos : 0; i < tabs.length; i++) {
          if (
            event.screenY <
            tabs[i].screenY + tabs[i].getBoundingClientRect().height
          ) {
            if (
              event.screenX <
              tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2
            ) {
              return i;
            }
            if (
              event.screenX >
              tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2 &&
              event.screenX <
              tabs[i].screenX + tabs[i].getBoundingClientRect().width
            ) {
              return i + 1;
            }
          }
        }
      } else {
        for (let i = tab ? tab._tPos : 0; i < tabs.length; i++) {
          if (
            event.screenY <
            tabs[i].screenY + tabs[i].getBoundingClientRect().height
          ) {
            if (
              event.screenX <
              tabs[i].screenX + tabs[i].getBoundingClientRect().width &&
              event.screenX >
              tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2
            ) {
              return i;
            }
            if (
              event.screenX <
              tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2
            ) {
              return i + 1;
            }
          }
        }
      }
      return tabs.length;
    }

}

Alles anzeigen

Sensei

danke für den Hinweis, dachte dass hier eine generelle Änderung gewesen ist die ein neues script notwendig macht.

Ok, dann doch beim nächsten mal einen neuen Faden öffnen.

Werde dann mal die Änderungen in der userChrome rückgängig machen und das Multirow-script tauschen.

So, ist erledigt und alles wieder in Ordnung, nochmals danke und einen schönen Abend.

2002Andreas

Zitat von Sensei

alles wieder in Ordnung, nochmals danke und einen schönen Abend.

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

Und danke, auch dir einen schönen Abend.

Monika Lu

Lieber Andreas,

mein Mann und ich sind Dir so unglaublich dankbar, dass der überarbeitete Code nun so funktioniert, wie wir es vor FF 107 eingerichtet hatten. Erst hatte ich den Fehler gemacht, einfach Deinen Text zu kopieren, das ging nicht. Dann habe ich mich eingeloggt und den Code von Dir mit dem Kopierbutton in eine leere css.-Datei eingefügt.

Wir haben wirklich stundenlang im Forum gelesen, ausprobiert, aber bei der Tableiste mussten wir dann aufgeben.

Du hast mir schon des öfteren mal geholfen und dafür schulde ich Dir unendlichen Dank, denn Hilfe kann man nicht einfach fordern, Du bist wirklich selbstlos. Und hast dazu noch meine umfangreiche Datei genau angesehen. Ich habe die Texte von mir und Dir jeweils in ein Word-Dokument eingefügt, um die Änderungen dann mit einem 3. Dokument zu vergleichen (wo sich Deine Änderungen befinden).

Könntest Du mir ganz grob mitteilen, wo meine wesentlichen Fehler gelegen haben, denn ich versuche immer zu lernen. So wie ich mir alles angelesen habe, was in meiner css-Datei als Inhalt war.

Morgen geht es für uns auf eine Reise und Du kannst ganz sicher sein, dass Du an der Vorfreude keinen unerheblichen Anteil hast. Ich meine alles ganz ehrlich.

Herzliche Grüße an Dich

Monika

So sieht es jetzt bei meinem Mann aus:

2002Andreas

Zitat von Monika Lu

dafür schulde ich Dir unendlichen Dank

Hallo Monika.

Alles ist gut, es macht mir ja Spaß anderen zu helfen, wenn ich es kann

Zitat von Monika Lu

wo meine wesentlichen Fehler gelegen haben

Nur Kleinigkeiten, Flüchtigkeitsfehler

Z.B. Zeile 10 in dem Code aus Beitrag Nr.1 von dir:

Der Kommentar funktioniert nicht muss auskommentiert sein.

Also so:

/*funktioniert nicht*/

Ebenso die Zeile 297:

/*Textgruppe 1 Datei: von userChrome 7 rausgeworfene Textteile.rtf*/

Zitat von Monika Lu

ich versuche immer zu lernen.

Zitat von Monika Lu

Morgen geht es für uns auf eine Reise

Dann wünsche ich euch ganz viel Spaß, genießt die Zeit