Beiträge von Krabato

Krabato · 9. Dezember 2019

Danke für den Hinweis...

Ich dachte, es wäre besser, meine bestehende Userchrome zu posten, damit diese geändert wird, weil ich mit dieser ja zufrieden bin...

Krabato · 8. Dezember 2019

BrokenHeart:

das ist komisch... bei mir funktioniert es auf 2 Computern... und sieht bei beiden gleich aus...

bei ca. 10 Tabzeilen sehe ich trotzdem nur 3 davon und kann mit der Maus scrollen...

Krabato · 8. Dezember 2019

Hallo,

ich habe mir jetzt mal die Userchrome.css von 2002Andreas aus #5 genommen und unten noch "meine farblichen Veränderungen" angefügt.

- Leider ist jetzt der Button bzw. das Kreuz, um neue Tabs zu öffnen, weiß.... man sieht es nicht so gut... wie kann man das schwarz färben?

- und der Button zum Tab schließen ist leider nicht mehr in den inaktiven Tabs sichtbar... ich würde gerne in allen Tabs das schwarze Kreuz sehen...

- Wäre es möglich, die Lesezeichenleiste unter die Tableiste zu schieben?

Ein riesengroßes Dankeschön!!! an die fleißigen Helfer in diesem Forum! - Ich bin Euch sooo dankbar für die Hilfe!

Meine jetzige Userchrome.css:

CSS

/* ----------------------------*/
/* Mehrzeilige Tabreihen unten     */
/* ----------------------------*/

@-moz-document url(chrome://browser/content/browser.xhtml) {
       
#TabsToolbar {
    position: absolute !important;
    display:block !important;
    bottom: 0 !important;
    width: 100vw !important;
    }

#tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: var(--tab-min-height) !important;
    }
    
/* Tab-Höhe  */
.tabbrowser-tab {
    min-height: 28px !important;
    max-height: 28px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}
 /* Feste Breite  des einzelnem Tabs */
.tabbrowser-tab:not([pinned]) {
    min-width: 140px !important; 
}
/* Platz für Scrollbar schaffen */
.tabbrowser-tabs {
  margin-right: -41px !important;
}

scrollbox[part][orient="horizontal"] {
    background: lightgrey !important;
    position: absolute !important;
    display:block !important;
    /* display: flex; */
    /* flex-wrap: wrap;  */
    /* overflow: visible !important; */
    /* overflow-x: hidden !important; */
    overflow-y: scroll !important;
    min-height: 30px !important; /* Tab-Höhe(28px) + 2px */
    max-height: calc( 3 * 30px ) !important;  /* Anzahl der Tabreihen * Minimal-Höhe */
    -moz-window-dragging: no-drag !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; 
}

/* -----------------------------*/
/* Tab: Optische Anpassungen    */
/* -----------------------------*/
#tabbrowser-tabs :not([fokus]){
    opacity: 1!important;
}
/* Schriftart/Schriftgröße ändern */
.tabbrowser-tab .tab-label {
    text-shadow: 1px 1px 0px #000000 !important;    
    font-weight: 500 !important;
    font-size:   12px !important;
    font-family: "Arial" !important;
    color: white !important;
}
.tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
    text-shadow: none !important; 
    color: black !important; 
}
.tabbrowser-tab .tab-label[selected="true"] {
    text-shadow: 1px 1px 0px #000000 !important;
    color: white !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-Höhe  */
.tabbrowser-tab {
    min-height: 28px !important;
    max-height: 28px !important;
    vertical-align: bottom !important;
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}
/* Tab-Rahmen entfernen */
#TabsToolbar .tabbrowser-tab[visuallyselected="true"],
#TabsToolbar .tabbrowser-tab,
#TabsToolbar .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;
}
*/
/* Tab-Icon ausrichten *//*
.tab-throbber:not([pinned]),
.tab-sharing-icon-overlay:not([pinned]),
.tab-icon-pending:not([pinned]),
.tab-icon-image:not([pinned]) 
{
  margin-top: -1px !important;
}
*/
/*------------------*/
/* Tab-Hintergrund  */
/*------------------*/
/*--- selektiert ---*/
.tab-background[selected=true]:not(:-moz-lwtheme) > spacer {
    background-image:  linear-gradient( rgba(103,171,224,1), rgba(10,58,95,1) ), 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(103,171,224,1), rgba(10,58,95,1) ), 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(225,225,225,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; 
}    
}



/*TABs farblich unterscheiden ANFANG*/
/* Tab, normal */
.tabbrowser-tab .tab-content {
    background: aquamarine !important;
    color: black !important;
}
/* Tab, aktiv */
.tabbrowser-tab[selected='true'] .tab-content {
    background: #F465B4 !important;
    color: black !important;
    margin-bottom:1px!important;
}
/* Ungelesenes Tab / Tab, in welchem (noch) kein Link angewählt wurde  */
.tabbrowser-tab[notselectedsinceload="true"] .tab-content {
    background: yellow !important;
    color: black !important;
}
/* Tab, entladen / (noch) nicht geladen */
.tabbrowser-tab[pending="true"] .tab-content{
    background: #B7F4F3 !important;
    color: black !important;
}
/* Letztes Tab - DEAKTIVIERT!
.tabbrowser-tab[last-visible-tab="true"] .tab-content {
    background: lightseagreen !important;
    color: black !important;
}*/

/* Tab, aktiv */
.tabbrowser-tab[selected='true'].tab-content {
    background: #F465B4 !important;
    color: black !important;
}


/*TABs farblich unterscheiden ENDE*/

Alles anzeigen

Krabato · 8. Dezember 2019

danke für den Link, jedoch handelt es sich dort ja um die Skripte...

Ich bräuchte ja die geänderte Userchrome.css...

Krabato · 7. Dezember 2019

Hallo,

leider ist es nun wieder mal passiert.... Firefox hat sich aktualisiert und irgendetwas verändert, so dass jetzt meine Userchrome.css nicht mehr funktioniert....

Multirow ist nicht mehr da

Ich würde mich sehr freuen, wenn Ihr sie mal durchschauen und so ändern könntet, dass alles wieder funktioniert...

VG,

Krabato

CSS

/* Tableiste mehrreihig */

#tabbrowser-tabs{
  --tabs-lines: 3; /*Angezeigte Leisten, bei mehr wird eine Scrollbar eingeblendet, oder den Wert erhöhen*/
  --tab_min_width_mlt: 115px;/* Mindeste Tabbreite */
  --tab_max_width_mlt: 115px;/* Maximale Tabbreite */
  --tab-max-height_mlt: var(--tab-max-height,30px);
}
/*Tableistenabstände*/

#tabbrowser-tabs > .tabbrowser-arrowscrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
    margin-bottom:-15px !important;/*Lücke zwischen Tableisten und Website unten*/
    margin-top:-11px !important;/*Lücke zwischen Tableisten und Lesezeichenleiste oben*/
    margin-left:1px !important;/*Lücke zwischen Tableisten und linker Seite*/
}

.tabbrowser-tab .tab-content { 
   border:2px solid midnightBlue!important;/*Rand (Breite und Farbe um die einzelnen Tabs drum rum*/
   margin-bottom:3px !important;/*Lücke zwischen einzelnen Tableisten*/
   margin-top:-2px !important;/*Lücke zwischen einzelnen Tableisten*/
}

.tabbrowser-tab[pinned] .tab-icon-image{
    margin-left:-5px!important;
}

.tab-close-button.close-icon{
   margin-right:-10px!important;
}

.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
   direction: ltr;
   mask-image: linear-gradient(to left, transparent, black 0em)!important;
}

.tabbrowser-tab[fadein]:not([pinned]) {
  flex-grow: 1;
  min-width: var(--tab_min_width_mlt) !important;
  max-width: var(--tab_max_width_mlt) !important;
}

.tabbrowser-tab,.tab-background {
  min-height: var(--tab-max-height_mlt);
}

.tabs-newtab-button {
  margin-left:-2px!important;
  vertical-align: bottom !important;
  height: var(--tab-max-height_mlt);
}

.tab-stack {
  width: 98% !important;
}

#tabbrowser-tabs .scrollbox-innerbox {
  display: flex;
  flex-wrap: wrap;
  overflow-x: collapse !important;
  overflow-y: auto !important;
  min-height: var(--tab-min-height_mlt);
  max-height: calc( var(--tabs-lines) * var(--tab-max-height_mlt); ) !important;
}

#tabbrowser-tabs .arrowscrollbox-scrollbox {
  overflow-x: collapse;
  overflow: visible; 
  display: block;
}

#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#TabsToolbar #alltabs-button,
.tabbrowser-tab:not([fadein]){
  display: none;
}

#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-max-height_mlt) * var(--tabs-lines));
}

.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
   opacity: 0 !important;
}

#tabbrowser-tabs * {
  overflow-x: none !important;
}

#tabbrowser-tabs .scrollbox-innerbox {
  -moz-padding-end: 4px !important;
}

#TabsToolbar[currentset^="tabbrowser-tabs,new-tab-button"] #tabbrowser-tabs .scrollbox-innerbox {
  -moz-padding-end: 10px !important;
}

#main-window[tabsintitlebar] #tabbrowser-tabs {
  -moz-window-dragging: no-drag !important;
}

#main-window[customizing] #tabbrowser-tabs .scrollbox-innerbox {
  display: block !important;
}

/*Ungelesene Tabs kursiv*/
/* Italicize inactive tabs */
#TabsToolbar .tabbrowser-tab:not([selected]) {
    font-style: italic !important;
}

/*TABs farblich unterscheiden ANFANG*/
/* Tab, normal */
.tabbrowser-tab .tab-content {
    background: aquamarine !important;
    color: black !important;
}
/* Tab, aktiv */
.tabbrowser-tab[selected='true'] .tab-content {
    background: #F465B4 !important;
    color: black !important;
    margin-bottom:1px!important;
}
/* Ungelesenes Tab / Tab, in welchem (noch) kein Link angewählt wurde  */
.tabbrowser-tab[notselectedsinceload="true"] .tab-content {
    background: yellow !important;
    color: black !important;
}
/* Tab, entladen / (noch) nicht geladen */
.tabbrowser-tab[pending="true"] .tab-content{
    background: #B7F4F3 !important;
    color: black !important;
}
/* Letztes Tab - DEAKTIVIERT!
.tabbrowser-tab[last-visible-tab="true"] .tab-content {
    background: lightseagreen !important;
    color: black !important;
}*/

/* Tab, aktiv */
.tabbrowser-tab[selected='true'].tab-content {
    background: #F465B4 !important;
    color: black !important;
}

/* Das Tab vor dem aktiven Tab > DEAKTIVIERT! Wozu das gut sein soll, weiss ich nicht... 
.tabbrowser-tab[beforeselected-visible="true"].tab-content{
    background: rebeccapurple !important;
    color: black !important;
}*/
/*TABs farblich unterscheiden ENDE*/

.tab-line[selected="true"],.tab-line:not([selected="true"]) {
   display:none!important;
}

.tab-close-button.close-icon{
   margin-right:-10px!important;
}

.tab-close-button.close-icon{
display: -moz-box !important; 

}

/*NEU**** für Tableiste unter anderen Leisten*/
/* 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: 40px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-

bar {
  margin-top: 6px !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: 10px !important;
}

/* Linux/macOS */
/* 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: 18px !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: 4px !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: 8px !important;
    }
    /* set to '0', if no menubar is used */
    #main-window[tabsintitlebar][sizemode="maximized"]:not

([sizemode="fullscreen"]) #nav-bar {
      margin-top: 4px !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;
    }
}

/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
  border-top: 0 !important;
  box-shadow: unset !important;
}

/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"] * #TabsToolbar {
 -moz-padding-start: 0px !important;
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]) 

.titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ 

#TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
#main-window #TabsToolbar #window-controls {
  display: none !important;
}

/* hide non-required items */
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none !important;
}

/* Windows 7 extra tweaks */
@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) * .titlebar-

buttonbox-container {
      display: none !important;
    }
  }
  @media not all and (-moz-windows-compositor) {
    #main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-

container {
      top: -8px !important;
    }
    #main-window[tabsintitlebar][sizemode="maximized"]:not

([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
      top: 0px !important;
    }
  }
}

/* Windows 10 extra tweaks */
@media (-moz-os-version: windows-win10) {
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not

([disabled="true"]),
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-

menuactive="true"]:not([disabled="true"]) {
    background-color: Highlight !important;
    color: HighlightText !important;
  }
}

/* disable Mozillas tab jumping nonsense when moving tabs */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}

/*NEU**** für Tableiste unter anderen Leisten - ENDE*/

Alles anzeigen

Krabato · 15. April 2019

ok, aber kann ich denn da einfach so rumprobieren und Werte ändern? Oder muss z.B. bei margin-bottom und margin-top immer der gleich Wert sein?

Krabato · 15. April 2019

milupo: Ich habe die 2 Methoden auf zwei PCs, von daher kein Problem :wink:

2002Andreas: bei mir entsteht diese Lücke, komisch...
könntest du bitte die Zeile 11 und 19 genauer angeben? Ich weiß nicht, ob Zeilen von oben einfach runtergezählt werden, oder ob einzelne Zeilen nicht mitgezählt werden.
Wenn ich dort Werte ändere, muss ich dann etwas beachten, dass ich andere Werte dementsprechend auch anpassen muss?

Krabato · 15. April 2019

Hallo,
jetzt ist es fast perfekt, vielen Dank!!! :klasse::klasse::klasse:
Aber es ist zwischen der ersten und zweiten Tabreihe eine dunkle Lücke....
Könntest du da vielleicht nochmal nachschauen?
Danke vielmals!!
Ich wollte zweigleisig fahren mit Skript und auch mit der Userchrome.css, solange, bis ich weiß, wie sich beide so "entwickeln" und wo ich mehr "Ärger" und Arbeit mit habe, wenn ich ständig was nachbessern muss... deshalb wollte ich die css auch weiterhin nutzen und für mich anpassen....

Krabato

Krabato · 12. April 2019

Ja, so sieht das ja bei mir auch aus - aber mir sind die Tabs zu hoch...
aber mit
"--tab-min-height_mlt: var(--tab-min-height,20,2px);"
kann ich nichts ändern.... vorher war es ja tab-max-height...

und hast du

CSS

/*angepinnte Tabs - Tabbreite anpassen*/
.tabbrowser-tab[pinned] {
	max-width:40px!important;
}


.tabbrowser-tab[pinned] .tab-icon-image{
	margin-left:-5px!important;
}

bewußt gelöscht?

Krabato · 12. April 2019

Hallo Andreas,
das hat geklappt - die Scrollbar ist wieder da! :klasse:
Ich danke Dir vielmals! Konntest du denn jetzt ausmachen, an was das gelegen hat, dass sie so plötzlich verschwunden war? Ich habe gesehen, dass du den Code ganz schön umgekrempelt und viele Veränderungen vorgenommen hast :wink::klasse:

Leider sind die Tabs jetzt etwas höher... ich habe gesehen, du hast gleich zu Anfang tab-min-height statt tab-max-height drin...
Dadurch habe ich jetzt auf dem gleich Platz wo ich vorher 4 Tabzeilen hatte, nur noch 3 Zeilen

Auch sind die Tabs (auch die angepinnten - der Code dafür ist jetzt gelöscht :-?? ) jetzt breiter, so dass ich hinten eine große schwarze Lücke vor der Scrollbar habe, die vorher fast bündig an die Tabs anschloss... und nur noch 15 statt 16 in einer Reihe angeordnet sind.

Welche Werte kann ich denn da ändern, wo kann ich dran "schrauben"?

Und meinst du, ob es möglich ist, dass man die angepinnten Tabs wirklich so anpinnen kann, dass sie fest stehenbleiben, auch wenn man durch die Tabzeilen scrollt? Im Moment scrollen sie mit nach oben und sind dann nicht mehr sichtbar...

Krabato · 11. April 2019

Hallo,
es ist ja schon echt unglaublich, was da alles mit berücksichtigt werden muss...
Habe des Rätsels Lösung jetzt herausgefunden (geg**gelt und in einem englischsprachigen Forum gefunden)...:
Das Addon Tree Style Tab hat mir da noch reingefunkt und deshalb den neuen Tab immer hinter dem aktiven geöffnet.
Jetzt habe ich in den TST-Einstellungen bei "Einfügeposition neuer untergeordneter Tabs" den Punkt "keine Voreinstellung (das Verhalten von Firefox .... beibehalten) markiert - et voila.... funktioniert....

Jetzt fehlt mir noch die Scrollbar....
Und das Verhalten in der Tableiste, dass die angepinnten Tabs immer zu sehen sind, auch wenn ich (sofern die Scrollbar da ist :? ) ganz nach unten scrolle...

Krabato · 10. April 2019

2002Andreas: Hmm, echt komisch... das mit der Scrollleiste....

Das mit dem Neuer-Tab-öffnen: Gibt es da einen Code in der Userchrome.css den du dafür verantwortlich machen kannst, den ich dann einfach löschen kann? Oder waren das erstmal auch nur Deine Beobachtungen mit meinem Code?

Krabato · 10. April 2019

Ja, auch nach dem Neustart... zuerst sieht man für ca. 1sec. dass der neue Tab ganz hinten geöffnet wird, aber sofort springt er dann hinter den aktiven Tab...
Werde dann mal auskommentieren...
(Ich dachte, man könne das in der Userchrome.css relativ schnell erkennen, was dort stört...)

Krabato · 10. April 2019

Genau das habe ich auch auf false geändert, aber wenn ich über das Kontextmenü einen neuen Tab öffne, erscheint der trotzdem hinter dem aktiven, nicht hinter dem letzten.... :-??

Ich schätze, dass in der Userchrome.css noch was anderes drin steht???

Krabato · 10. April 2019

könntest du bitte auch nochmal im Code schauen, ob dort irgendwo eingestellt ist, dass ein über das Kontextmenü neu geöffneter Tab immer hinter dem gerade aktiven Tab erscheint?
Ich wollte das gerade über about:config ändern, geht aber nicht... der neue Tab erscheint immer noch nach dem gerade aktiven, was ich nicht möchte...

Krabato · 10. April 2019

stimmt .... entschuldige, ist etwas verwirrend dass ich zwei verschiedene "Systeme" benutze... aber ich möchte gerne beides ausprobieren und dann entscheiden, welches für mich einfacher/besser ist... :wink:

Gerne hier nochmal der aktuelle Code:

CSS

/* Tableiste mehrreihig */


#tabbrowser-tabs{
  --tabs-lines: 3; /*Angezeigte Leisten, bei mehr wird eine Scrollbar eingeblendet, oder den Wert erhöhen*/
  --tab_min_width_mlt: 120px;/* Mindeste Tabbreite */
  --tab_max_width_mlt: 120px;/* Maximale Tabbreite */
  --tab-max-height_mlt: var(--tab-max-height,20.2px);
}


.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
   direction: ltr;
   mask-image: linear-gradient(to left, transparent, black 0em)!important;
}


 .tabbrowser-tab{
   border:1px solid grey!important
}
 
.tabbrowser-tab[fadein]:not([pinned]) {
  flex-grow: 1;
  min-width: var(--tab_min_width_mlt) !important;
  max-width: var(--tab_max_width_mlt) !important;
}


.tabbrowser-tab[pinned] {
	max-width:30px!important;
}


.tabbrowser-tab[pinned] .tab-icon-image{
	margin-left:-5px!important;
}


.tabbrowser-tab,.tab-background {
  min-height: var(--tab-max-height_mlt);
}


.tabs-newtab-button {
  margin-left:-2px!important;
  vertical-align: bottom !important;
  height: 25px!important;
}


.tab-stack {
  width: 95%;
}


#tabbrowser-tabs .scrollbox-innerbox {
  display: flex;
  flex-wrap: wrap;
  overflow-x: collapse !important;
  overflow-y: auto !important;
  min-height: var(--tab-max-height_mlt);
  max-height: calc( var(--tabs-lines) * var(--tab-max-height_mlt) ) !important;
}


#tabbrowser-tabs .arrowscrollbox-scrollbox {
  overflow-x: collapse;
  overflow: visible; 
  display: block;
}


#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#TabsToolbar #alltabs-button,
.tabbrowser-tab:not([fadein]){
  display: none;
}


#main-window[tabsintitlebar] #tabbrowser-tabs {
  -moz-window-dragging: no-drag !important;
}


.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
  opacity: 0 !important;
}


#tabbrowser-tabs * {
  overflow-x: none !important;
}


#main-window[customizing] #tabbrowser-tabs .scrollbox-innerbox {
  display: block !important;
}


#tabbrowser-tabs .scrollbox-innerbox {
  -moz-padding-end: 4px !important;
}


#TabsToolbar[currentset^="tabbrowser-tabs,new-tab-button"] #tabbrowser-tabs .scrollbox-innerbox {
  -moz-padding-end: 10px !important;
}


/*Ungelesene Tabs kursiv*/
/* Italicize inactive tabs */
#TabsToolbar .tabbrowser-tab:not([selected]) {
	font-style: italic !important;
}


/*TABs farblich unterscheiden ANFANG*/
/* Tab, normal */
.tabbrowser-tab .tab-content {
	background: aquamarine !important;
	color: black !important;
}
/* Tab, aktiv */
.tabbrowser-tab[selected='true'] .tab-content {
	background: #F465B4 !important;
	color: black !important;
}
/* Ungelesenes Tab / Tab, in welchem (noch) kein Link angewählt wurde  */
.tabbrowser-tab[notselectedsinceload="true"] .tab-content {
	background: yellow !important;
	color: black !important;
}
/* Tab, entladen / (noch) nicht geladen */
.tabbrowser-tab[pending="true"] .tab-content{
	background: #B7F4F3 !important;
	color: black !important;
}
/* Letztes Tab - DEAKTIVIERT!
.tabbrowser-tab[last-visible-tab="true"] .tab-content {
	background: lightseagreen !important;
	color: black !important;
}*/


/* Tab, aktiv */
.tabbrowser-tab[selected='true'].tab-content {
	background: #F465B4 !important;
	color: black !important;
}


/* Das Tab vor dem aktiven Tab > DEAKTIVIERT! Wozu das gut sein soll, weiss ich nicht... 
.tabbrowser-tab[beforeselected-visible="true"].tab-content{
	background: rebeccapurple !important;
	color: black !important;
}*/
/*TABs farblich unterscheiden ENDE*/


.tab-line[selected="true"],.tab-line:not([selected="true"]) {
   display:none!important;
}


.tab-close-button.close-icon{
   margin-right:-10px!important;
}


.tab-close-button.close-icon{
display: -moz-box !important; 


}


/*NEU**** für Tableiste unter anderen Leisten*/
/* 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: 40px !important;
}
#main-window[tabsintitlebar][sizemode="maximized"]:not([sizemode="fullscreen"]) #nav-


bar {
  margin-top: 6px !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: 10px !important;
}


/* Linux/macOS */
/* 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: 18px !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: 4px !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: 8px !important;
	}
	/* set to '0', if no menubar is used */
	#main-window[tabsintitlebar][sizemode="maximized"]:not


([sizemode="fullscreen"]) #nav-bar {
	  margin-top: 4px !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;
	}
}


/* hide line above navigation toolbar appearing in some cases */
#main-window:not([tabsintitlebar]) #nav-bar,
#main-window:not([tabsintitlebar]) #navigator-toolbox {
  border-top: 0 !important;
  box-shadow: unset !important;
}


/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"] * #TabsToolbar {
 -moz-padding-start: 0px !important;
}
/* tweaks for fullscreen mode */
#main-window[tabsintitlebar][sizemode="fullscreen"]:not([inDOMFullscreen="true"]) 


.titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #toolbar-menubar[autohide="true"] ~ 


#TabsToolbar .titlebar-buttonbox-container,
#main-window[tabsintitlebar][sizemode="fullscreen"] #navigator-toolbox #PanelUI-button,
#main-window #TabsToolbar #window-controls {
  display: none !important;
}


/* hide non-required items */
#TabsToolbar .private-browsing-indicator,
#TabsToolbar #window-controls,
#TabsToolbar *[type="caption-buttons"],
#TabsToolbar *[type="pre-tabs"],
#TabsToolbar *[type="post-tabs"] {
  display: none !important;
}


/* Windows 7 extra tweaks */
@media (-moz-os-version: windows-win7) {
  @media all and (-moz-windows-compositor) {
	#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) * .titlebar-


buttonbox-container {
	  display: none !important;
	}
  }
  @media not all and (-moz-windows-compositor) {
	#main-window[tabsintitlebar]:not([inDOMFullscreen="true"]) .titlebar-buttonbox-


container {
	  top: -8px !important;
	}
	#main-window[tabsintitlebar][sizemode="maximized"]:not


([inDOMFullscreen="true"]) .titlebar-buttonbox-container {
	  top: 0px !important;
	}
  }
}


/* Windows 10 extra tweaks */
@media (-moz-os-version: windows-win10) {
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme):hover:not


([disabled="true"]),
  #main-window:not([tabsintitlebar]) menubar > menu:not(:-moz-lwtheme)[_moz-


menuactive="true"]:not([disabled="true"]) {
	background-color: Highlight !important;
	color: HighlightText !important;
  }
}


/* disable Mozillas tab jumping nonsense when moving tabs */
#navigator-toolbox[movingtab] > #titlebar > #TabsToolbar {
  padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
  padding-bottom: unset !important;
  margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] > #nav-bar {
  margin-top: unset !important;
}


/*NEU**** für Tableiste unter anderen Leisten - ENDE*/

Alles anzeigen

Krabato · 9. April 2019

ok, aber daran kann es ja nicht liegen, wenn ich in

Code

#tabbrowser-tabs{
  --tabs-lines: 3; /*Angezeigte Leisten, bei mehr wird eine Scrollbar eingeblendet, oder den Wert erhöhen*/
  --tab_min_width_mlt: 120px;/* Mindeste Tabbreite */
  --tab_max_width_mlt: 120px;/* Maximale Tabbreite */
  --tab-max-height_mlt: var(--tab-max-height,20.2px);
}

eine "3" habe...?!? Dann sollte doch bei den 5 geöffneten Reihen auch schon eine Scrollbar erscheinen...

Krabato · 9. April 2019

ok... bei mir nicht... -??

Was hast du denn in der css stehen?

Krabato · 9. April 2019

2002Andreas: Ich habe es gestern Abend endlich ausprobieren können, hat geklappt! alles wieder mittig und übersichtlich angeordnet. Herzlichen Dank!!!!

Hast Du denn evtl. noch eine Lösung für die verschwundene Scrollbar ?

Und auch dieses Problem wartet noch auf eine Lösung, sofern es sie gibt:
Es wäre schön, wenn die angepinnten Tabs in der ersten Tabreihe stehen bleiben würden, quasi getrennt von den anderen der ersten Reihe, so dass man auch in die z.B. 5 Reihe scrollen kann und trotzdem die angepinnten Tabs noch zu sehen sind....

VG,
Krabato

Krabato · 4. April 2019

2002Andreas: Danke vielmals für die Mühe! Kann ich heute Abend testen, wenn ich an meinem anderen PC mit dem "Script-FF" sitze
Ich werde berichten...

Ich habe noch eine andere Frage zu Veränderungen bzgl. FF66 bei der Userchrome.css...
Ich habe auf meinem Laptop keine Scripte, sondern nutze noch die Userchrome.css und hier ist (ich meine seit dem Update auf FF66) die Scrollbar verschwunden, obwohl ich

Code

#tabbrowser-tabs{
  --tabs-lines: 3; /*Angezeigte Leisten, bei mehr wird eine Scrollbar eingeblendet, oder den Wert erhöhen*/
  --tab_min_width_mlt: 120px;/* Mindeste Tabbreite */
  --tab_max_width_mlt: 120px;/* Maximale Tabbreite */
  --tab-max-height_mlt: var(--tab-max-height,20.2px);
}

im Code drin habe...
Auch bei 4-5 Tabzeilen erscheint keine Scrollbar...

Beiträge von Krabato

Multi-Row Tableiste per Userchrome anpassen

Mehrzeilige Tableiste für aktuelle FireFox-Versionen

Mehrzeilige Tableiste für aktuelle FireFox-Versionen

Multi-Row Tableiste per Userchrome anpassen

Multi-Row Tableiste per Userchrome anpassen

Multi-Row Tableiste per Userchrome anpassen

Multi-Row Tableiste per Userchrome anpassen

Multi-Row Tableiste per Userchrome anpassen

Multi-Row Tableiste per Userchrome anpassen

Multi-Row Tableiste per Userchrome anpassen

Multi-Row Tableiste per Userchrome anpassen

Multi-Row Tableiste per Userchrome anpassen

Multi-Row Tableiste per Userchrome anpassen

Multi-Row Tableiste per Userchrome anpassen

Multi-Row Tableiste per Userchrome anpassen

Multi-Row Tableiste per Userchrome anpassen

Multi-Row Tableiste per Userchrome anpassen

Multi-Row Tableiste per Userchrome anpassen

Multi-Row Tableiste per Userchrome anpassen

Multi-Row Tableiste per Userchrome anpassen