Tabs sind in der Höhe nur halb zu sehen

grisu2099

Ich bezog mich auf Zitronellas Bild.

Vielleicht etwas mißverständlich formuliert...

2002Andreas

Zitat von grisu2099

Vielleicht etwas mißverständlich formuliert.

Nein, alles ok.

Ich wollte damit nur sagen, beim TE ist/muss schon ein Fehler sein.

grisu2099

Zitat von 2002Andreas

Ich wollte damit nur sagen, beim TE ist/muss schon ein Fehler sein.

Bestreite ich auch nicht...

Zitronella

Zitat von grisu2099

Schau dir das Foto in Beitrag #27 noch mal genau an. Das sind definitiv Lesezeichen - die Tabs sind darunter.

Doch es sind Tabs, nämlich angeheftete Tabs in der ersten/oberen Tabreihe.

Die Tabs in der zweiten Reihe sind nur nicht angeheftet.

Der CSS Code macht ja mehrreige Tableisten.

2002Andreas

Zitat von Zitronella

nämlich angeheftete Tabs in der ersten/oberen Tabreihe.

Das hatte ich glatt übersehen...sorry.

Dann ist auch mein Hinweis zu Tabs oben/unten hinfällig.

So sieht das jetzt mit meinem geänderten Code aus:

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) * 4); /* 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;
}

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

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

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

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

/* 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 */
}

/* 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; 
}
tabs tab {
    border-left: solid 1px hsla(0,0%,50%,.5);
    border-right: solid 1px hsla(0,0%,50%,.5);
}
tabs tab:after,tabs tab:before { display: none;}

#TabsToolbar:not(:-moz-lwtheme){ 
    color: black !important;
}
#TabsToolbar > .titlebar-buttonbox-container {
    display: none !important;
}    

/* -----------------------------*/
/* Tab: Optische Anpassungen    */
/* -----------------------------*/

#tabbrowser-tabs :not([fokus]){
    opacity: 1!important;
}

/* Schriftart/Schriftgröße ändern */
.tabbrowser-tab .tab-label {
    padding-left: 5px !important;
    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: 32px !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;
}
*/

/************* Tabschliessen-Button ****************/
.tab-close-button.close-icon:not([pinned]){
    display: -moz-box !important;
    width: 20px; height: 20px !important;
    border: none !important;
    background-color: none !important;
}

.tab-close-button {
    color: white !important; /* Farbe des Kreuzes */
}      

/* 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; 
}  
  /* runde Tabs und Trennlinien */
.tab-background {
border-radius: 12px 12px 0px 0px !important;
border-image: none !important;
}

/* Tab Background Farbe */
.tab-background[selected="true"] {
  background: crimson !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;
    }

.tab-line[selected=true] { 
    display:none!important
    }
}


/* Ordner Icon, Ordner Farbe */
/* Lesezeichen Sidebar - Ordnericon stehend rot */

treechildren::-moz-tree-image(container) {
fill:Crimson !important;
}

/* Lesezeichen verwalten - Ordnericon stehend rot */
treechildren::-moz-tree-image(container) {
fill:Crimson !important;
}

/* Lesezeichen - Ordnericon rot */
.bookmark-item[container="true"] {
fill:Crimson !important;
}

Alles anzeigen

grisu2099

Ich geh mal die Brille putzen...

milupo

Zitat von 2002Andreas

So sieht das jetzt mit meinem geänderten Code aus:

Jetzt ist das Problem behoben. Ich frage mich, wie du das alles so ratzfatz hinbiegen kannst.

2002Andreas

Zitat von milupo

wie du das alles so ratzfatz hinbiegen kannst

Naja, so hin und wieder beschäftige ich mich ja mit Codes und so

grisu2099

Zitat von 2002Andreas

so hin und wieder

Der ist gut...

milupo

2002Andreas Ich habe in letzter Zeit etwas den Faden verloren, obwohl ich ja nie an dich rankam. Ich habe meine Übersetzungen zu machen. Aber diesen ganzen Tableisten-Kram überblicke ich sowieso nicht. Ich nutze das Skript für Tableiste unten und das funktioniert seit geraumer Zeit immer noch. Ein bisschen farbliche Anpassung noch. Eine mehrreihige Tableiste brauche ich mit meinen paar offenen Tabs überhaupt nicht.

2002Andreas

Zitat von milupo

diesen ganzen Tableisten-Kram

Ich brauche davon auch fast nichts, außer etwas Farbe etc. für die Tabs.

Ich mache das mit der Tableiste unten/mehrzeilig etc. nur wegen der vielen Anfragen danach

milupo

Zitat von 2002Andreas

Ich mache das mit der Tableiste unten/mehrzeilig etc. nur wegen der vielen Anfragen danach

Ich nehme an, du sammelst CSS-Codes wie andere Leute Briefmarken oder Bierdeckel.

2002Andreas

Zitat von milupo

du sammelst CSS-Codes wie andere Leute Briefmarken oder Bierdeckel.

Rund 350 fertige Code habe ich hier abgespeichert in einem Ordner

Meistens reichen aber schon die Browser-Werkzeuge.

Zitronella

passt.

Aber ich frage nochmal zu xul bzw. xhtml

In Zeile 30/31/37 steht weiterhin .xul

Aber könnte man nicht die gesamte Zeilen mit dem xul oder xhtml weg lassen?

(ich habe in meiner userChrome.css nicht eine einzige dieser Zeilen)

2002Andreas

Zitat von Zitronella

steht weiterhin .xul

Geändert, hatte den alten Code eingefügt...danke für den Hinweis

Zitat von Zitronella

die gesamte Zeilen mit dem xul oder xhtml weg lassen?

Im Prinzip ja, nur wenn z.B. die Icons in der Sidebar eine andere Farbe haben soll wie die in der Lesezeichensymbolleiste, dann brauchst du sie.

Zitronella

du meinst die Ordner-Icons?

2002Andreas

Zitat von Zitronella

die Ordner-Icons?

Ja.

Zitronella

haben aber keine Farbe in der Sidebar weil die Einträge

CSS

@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xhtml"),
url("chrome://browser/content/history/history-panel.xhtml") {

ungültig sind, wenn dann müsste es m.M.n. heißen

CSS

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

2002Andreas

Zitat von Zitronella

weil die Einträge

Hallo Zitronella ..

du hast natürlich recht, ich hatte mich da nicht weiter drum gekümmert.

Werde es aber noch anpassen...danke auch hier für den Hinweis

baramax

Oh, hier ist ja ganz schön was passiert....! erst gar nichts und jetzt soviel.

Bin leider etwas spät nachhause gekommen, aber ich werde gleich morgen den Code einfügen und schauen, habe aber volles Vertrauen das es wird.

Ich sagen mal großen Dank für die Unterstützung. Werde morgen berichten.

Farbe der Ordner Icons finde ich übrigens auch ganz nett habe ich ja in meinem Code ganz unten drin.

Tabs sind in der Höhe nur halb zu sehen

Ähnliche Themen

Warnung beim Beenden vom Fx mit nur einem Tab

Firefox für Android ab Version 79 markiert besuchte Links nur manchmal

FF 85 Startet nicht, Prozess ist zu sehen / 3 mal neu installiert, keine Änderung

Tab-Höhe

Breite der Tabs vergrößern

Absolut notwendige Einträge für die mehrzeilige Tableiste (und nur dafür)