Beiträge von Krabato

Krabato

Hallo,

gibt es vielleicht noch eine Lösung für die von der Tableiste überlagerten Internetseiten (#28) in 2002Andreas' Userchrome.css-Code aus #5?

VG,

Krabato

Krabato

Ich habe jetzt viel rumprobiert... so ganz kann ich noch nicht sagen, für welche Variante ich mich entscheide... am liebsten wäre mir glaube ich die Tableiste zwischen Eingabezeile und Lesezeichenzeile...

Jetzt habe ich erstmal die css von 2002Andreas aus #5 genommen, aber leider gibt es dort (ohne jegliche Modifizierung meinerseits) auch das Problem, dass die Internetseiten nicht ganz angezeigt werden, sondern oben etwas abgeschnitten sind... bei google läßt sich bspw. keine Eingabe machen

Krabato

Jetzt ist mir gerade doch noch was aufgefallen...

- zwischen der letzten und vorletzten Tabzeile gibt es einen größeren Abstand

- und die Internetseite wird oben abgeschnitten/überlagert...

- von der Lesezeichen-Sidebar links sind im Tabzeilenbereich noch der Stern und ein Pfeil zu sehen

Kann man da noch Änderungen vornehmen? Oder geht das zur Zeit nicht?

Viele dankende Grüße,

Krabato

Krabato

Aber ich bin doch mit meinen 3 Reihen zufrieden...

Krabato

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

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

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

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

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

Krabato

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

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

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

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

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

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

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

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

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

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

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

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

Beiträge von Krabato

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

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