Tableiste mehrreihig unten

mcfly8888

Ein gutgelauntes Hallo in die Runde,

ich habe mich gerade erst angemeldet, um Euch um Hilfe zu bitten.

Könnte einer bitte diesen Code umschreiben und hier einstellen, sodass die Tabs oben stehen wie im Original? Das wäre super.

CSS

/* Tableiste mehrreihig unten */

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


/* Feste Tabbreite */

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

min-width: 150px !important;

max-width: 150px !important;

}


/* Activer Tab schwarze Schrift */

.tab-label[selected]{

color: black !important;

}


/* Inaktiver Tab schwarze Schrift */

.tab-label:not([selected]) {

color: black !important;

}

.tab-close-button,

#tabs-newtab-button {

color: black !important;

}

#titlebar {

-moz-box-ordinal-group: 2!important;

}


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

#titlebar {

margin-top: -20px !important;

margin-bottom: -20px;

}


/* Farbe der Tableiste weiss */

#titlebar {

appearance: none !important;

background: #ffffff !important;

}

#toolbar-menubar {

position: fixed;

display: inline-flex;

}


[sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar,

[sizemode="normal"] #toolbar-menubar {

top: 1px;

}

[sizemode="maximized"] #toolbar-menubar {

top: 8px;

}

#main-window[tabsintitlebar="true"] #navigator-toolbox:not([inFullscreen="true"]) {

border-top: solid 39px transparent !important;

}

#main-window:not([tabsintitlebar="true"]) #navigator-toolbox:not([inFullscreen="true"]) {

border-top: solid 34px transparent !important;

}

[tabsintitlebar="true"] #navigator-toolbox {

-moz-window-dragging: drag;

}

#navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls,

[tabsintitlebar="true"] .titlebar-buttonbox-container {

display: block;

position: fixed;

right: 0;

}

[tabsintitlebar="true"][sizemode="normal"] .titlebar-buttonbox-container {

top: 1px;

}

[tabsintitlebar="true"][sizemode="maximized"] .titlebar-buttonbox-container {

top: 8px;

}

#navigator-toolbox:not([style^="margin-top:"])[style=""][inFullscreen="true"] #window-controls {

top: 0;

}

#navigator-toolbox[inFullscreen="true"] #nav-bar {

padding-right: 109px !important;

}

box[class="scrollbox-clip"][orient="horizontal"],

tabs > arrowscrollbox {

display: block;

}


/* Mehrzeilige Tableiste, bei mehr als 2 Zeilen erscheint eine Scrollbar */

scrollbox[part][orient="horizontal"] {

display: flex;

flex-wrap: wrap;

max-height: calc(var(--tab-min-height) * 2); /* Anzahl der Tabzeilen = 2 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;

}

Alles anzeigen

Und dann noch eine Bitte: ich habe zufällig irgendwo in den Tiefen des Forums einen Code gesehen, der das Schließen-Kreuz nur bei aktivem Tab anzeigt. Bei den anderen inaktiven war das Kreuz weg. Könnte ich diese Code ebenfalls bekommen?

Einengroßen Dank an Euch

Edit 2002Andreas
Text in Klammercode </> gesetzt.

2002Andreas

Zitat von mcfly8888

sodass die Tabs oben stehen wie im Original?

Hallo und Willkommen hier im Forum. 😊

Du meinst eine mehrzeilige Tableiste oben?

Wenn ja, dann teste bitte:

CSS

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

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

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

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

/* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 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 = 3 Zeilen */
overflow-x: hidden;
overflow-y: auto;
}

#tabbrowser-arrowscrollbox {
  margin-top: -13px !important;
  margin-bottom: -10px !important;
}

#tabs-newtab-button, #TabsToolbar #new-tab-button {
  display: none !important;
}

:root {
    --tab-min-height: 25px !important; 
    }
        
:root #tabbrowser-tabs {
    --tab-min-height: 25px !important; 
    }

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 76px */
max-width: 150px !important;/* Maximale Tabbreite 225px */
}

/* Tab schließen Icon nur im aktiven Tab */

.tab-close-button {
display:none!important;
}

.tabbrowser-tab[selected="true"] .tab-close-button {
display: block !important; 
}
}

Alles anzeigen

mcfly8888

Hallo,

danke für das Bearbeiten. leider ist nur ein Tab oben, ich kann keinen weiteren Tab hinzufügen.

2002Andreas

Zitat von mcfly8888

ich kann keinen weiteren Tab hinzufügen.

CSS

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

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

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

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

/* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 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 = 3 Zeilen */
overflow-x: hidden;
overflow-y: auto;
}

#tabbrowser-arrowscrollbox {
  margin-top: -13px !important;
  margin-bottom: -10px !important;
}

:root {
    --tab-min-height: 25px !important; 
    }
}
        /* Tableiste mehrreihig oben */
@-moz-document url(chrome://browser/content/browser.xhtml) {

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

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

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

/* Mehrreihige Tableiste, Anzahl der angezeigten Tabreihen = 3 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 = 3 Zeilen */
overflow-x: hidden;
overflow-y: auto;
}

#tabbrowser-arrowscrollbox {
  margin-top: -13px !important;
  margin-bottom: -10px !important;
}

/* #tabs-newtab-button, #TabsToolbar #new-tab-button {
  display: none !important;
} */

:root {
    --tab-min-height: 25px !important; 
    }
        
:root #tabbrowser-tabs {
    --tab-min-height: 25px !important; 
    }

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 76px */
max-width: 150px !important;/* Maximale Tabbreite 225px */
}

/* Tab schließen Icon nur im aktiven Tab */

.tab-close-button {
display:none!important;
}

.tabbrowser-tab[selected="true"] .tab-close-button {
display: block !important; 
}
}
:root #tabbrowser-tabs {
    --tab-min-height: 25px !important; 
    }

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 76px */
max-width: 150px !important;/* Maximale Tabbreite 225px */
}

/* Tab schließen Icon nur im aktiven Tab */

.tab-close-button {
display:none!important;
}

.tabbrowser-tab[selected="true"] .tab-close-button {
display: block !important; 
}
}

Alles anzeigen

mcfly8888

ganz ganz lieben Dank

2002Andreas

Zitat von mcfly8888

ganz ganz lieben Dank

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

Boersenfeger

Für das Schließen-Kreuz

CSS

    /* Schliessen-Button nur wenn angewählt */

    tab:not([selected]) .tab-close-button {display: none !important; }

Tableiste mehrreihig unten

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Anpassungen wegen Proton

Multirow-Tableiste mit userChrome.css anpassen für FF 89.0

Mehrzeilige Lesezeichenleiste Firefox Version 85

Tabs verschieben in mehrzeiliger Tableiste

Breite der Tabs vergrößern