Tab-Leiste

rameko51

Alle Schrift ist rot, ich trage jetzt wieder den Code ein.

Firefox-User

ich trage jetzt wieder den Code ein.

Du kennst das mit diesem Button zwecks Code kopieren?

rameko51

Nein, ich habe immer mit Strg+C (Strg+V) gearbeitet.

Gruß

Rainer

rameko51

Hallo Andreas,

ich bin ein Bl....mann. Habe ich doch immer nur die wenigen Zeilen, welche in Nummer 12 zu sehen sind und nicht den gesamtten Text kopiert und in die css geschrieben.

Das habe ich jetzt gemerkt, als ich den Button benutzt habe und einen wesentlich größeren Code gesehene habe.

Jetzt ist alles Bestens.

Ich danke Dir für Deine Hilfe und vor allem für Deine Geduld.

Beste Grüße

Rainer

Firefox-User

Ich danke Dir für Deine Hilfe und vor allem für Deine Geduld.

Freut mich wenn ich dir damit helfen konnte, war gern geschehen [Blockierte Grafik: https://www.firefox-forum.com/images/smilies/emojione/263a.png]

Schön wenn jetzt wieder alles funktioniert

Juergen

Hallo zusammen,

ich hatte nach Update auf FF 72.0.1 dasselbe Problem, wonach der Text in der Tableiste dreizeilig (Icon, Text, Kreuzerl "x") erschien und somit das "x" für das Schließen der Seite teilweise nicht mehr sichtbar war. Auch ich habe über "userChrome" meine Tableiste nach unten gesetzt, da ich dies für mich effektiver finde.

Nachdem ich nunmehr die CSS aus Post 12 neu eingetragen

und

layout.css.xul-box-display-values.survive-blockification.enabled auf "true" gesetzt habe,

funktioniert FF wieder so, wie ich es mir vorstelle. Tabsleiste unten, alles einzeilig und "x" zum Schließen wieder sichtbar.

Vielen Dank Andreas für die tolle Unterstüzung.

Ohne diese wäre ich nicht in der Lage das Erscheinungsbild von FF so hinzubekommen, wie es für mich sein soll.

Grüsse

Jürgen

P.S.

Evtl. bekommt es Mozilla ja mal geschafft, dass man nach bestimmten Updates nicht wieder alles neu einrichten bzw. überschreiben muss bzw. endlich mal unter den Einstellungen Möglichkeiten bereit stellt, dies (wieder) einfach einrichten zu können.

Firefox-User

Hallo und Willkommen hier im Forum.

Freut mich wenn ich dir damit auch helfen konnte[Blockierte Grafik: https://www.firefox-forum.com/images/smilies/emojione/263a.png]

nicht wieder alles neu einrichten

Die Möglichkeit etwas per CSS anzupassen, wurde von Mozilla noch nie offiziell unterstützt.

D.h., jede eigene Änderung muss evtl. nach einem Update erneut angepasst werden.

Jogot

Hallo Andreas,

vielen Dank für deinen CSS-Code, der geholfen hat, meinen Ärger über das neue Firefox-Update in Grenzen zu halten.[Blockierte Grafik: https://www.firefox-forum.com/images/smilies/emojione/1f44d.png][Blockierte Grafik: https://www.firefox-forum.com/images/smilies/emojione/263a.png]

Mir ist jedoch noch aufgefallen, dass beim Öffnen eines neuen Privaten Fensters aus dem Menü heraus die Tableiste wieder verschoben ist, was vermutlich an dem Privat-Symbol liegt.

Hast du auch für dieses Problem eine Lösung?

Viele Grüße
Jörg

Firefox-User

Hallo und Willkommen hier im Forum.

Leider keine perfekte Lösung für ein privates Fenster.

Das lila Logo verschiebt sich nach links dabei:

Teste wenn du magst, wäre der kompl. Code dann, den anderen musst du erst wieder entfernen.

CSS

#main-window[privatebrowsingmode=temporary] #TabsToolbar {
    position: absolute !important;
    display:block !important;
    bottom: -44px !important;
    width: 100vw !important;
      }
      
#main-window[privatebrowsingmode=temporary] .tab-line[multiselected], .tab-line[selected="true"]{
    display: none !important;
}


#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[visuallyselected="true"]{
    margin-top: -4px !important;
    max-height: 32px !important; 
}


#main-window[privatebrowsingmode=temporary] #tabbrowser-tabs {
    width: 100vw !important;
        }
        
#main-window[privatebrowsingmode=temporary]:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: var(--tab-min-height) !important;
    }


#main-window[privatebrowsingmode=temporary]:root {
    --tab-min-height: 35px !important; 
    }
        
#main-window[privatebrowsingmode=temporary]:root #tabbrowser-tabs {
    --tab-min-height: 35px !important; 
    }
       
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([pinned]) {
    -moz-box-flex: 0!important;
    width: 157px!important;
    }
    
@-moz-document url(chrome://browser/content/browser.xhtml) {
       
#TabsToolbar {
    position: absolute !important;
    display:block !important;
    bottom: -4px !important;
    width: 100vw !important;
    }


#tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: var(--tab-min-height) !important;
    }


:root {
    --tab-min-height: 30px !important; 
    }
        
:root #tabbrowser-tabs {
    --tab-min-height: 30px !important; 
    }
       
.tabbrowser-tab:not([pinned]) {
    -moz-box-flex: 0!important;
    width: 157px!important;
    }
}

Alles anzeigen

Jogot

Danke Andreas, das sieht schon mal richtig gut aus, damit kann ich leben bzw. arbeiten! [Blockierte Grafik: https://www.firefox-forum.com/images/smilies/emojione/1f44d.png]

Ich werde noch mal ein bisschen an den Abständen justieren, denn der Abstand der Tabs zur Lesezeichenleiste ist etwas zu weit ...

Firefox-User

an den Abständen justieren

Ok, das ist ja je nach Monitot etc. immer etwas unterschiedlich.

Ansonsten freut es mich, wenn du damit mehr oder weniger zufrieden bist[Blockierte Grafik: https://www.firefox-forum.com/images/smilies/emojione/263a.png]

Jogot

... mehr zufrieden!

Firefox-User

Hier habe ich noch eine Version.[Blockierte Grafik: https://www.firefox-forum.com/images/smilies/emojione/1f609.png]

Das lila Logo ist ausgeblendet, dafür hat der aktive Tab im Privaten Fenster einen lila Hintergrund.

Wenn du magst, teste:

CSS

.private-browsing-indicator {
    display: none !important;
    }


#main-window[privatebrowsingmode=temporary] #tabbrowser-tabs:not([movingtab]) &gt; .tabbrowser-arrowscrollbox &gt; .tabbrowser-tab &gt; .tab-stack &gt; .tab-background[selected="true"]{
    background: indigo !important;    
    }


#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[selected]{
    color: white !important;
    }


#main-window[privatebrowsingmode=temporary] #TabsToolbar {
    position: absolute !important;
    display:block !important;
    bottom: -4px !important;
    width: 100vw !important;
    }
      
#main-window[privatebrowsingmode=temporary] .tab-line[multiselected], .tab-line[selected="true"]{
    display: none !important;
    }


#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[visuallyselected="true"]{
    margin-top: -4px !important;
    max-height: 32px !important; 
    }


#main-window[privatebrowsingmode=temporary] #tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window[privatebrowsingmode=temporary]:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: var(--tab-min-height) !important;
    }


#main-window[privatebrowsingmode=temporary]:root {
    --tab-min-height: 35px !important; 
    }
        
#main-window[privatebrowsingmode=temporary]:root #tabbrowser-tabs {
    --tab-min-height: 35px !important; 
    }
       
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([pinned]) {
    -moz-box-flex: 0!important;
    width: 157px!important;
    }
    
@-moz-document url(chrome://browser/content/browser.xhtml) {
       
#TabsToolbar {
    position: absolute !important;
    display:block !important;
    bottom: -4px !important;
    width: 100vw !important;
    }


#tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: var(--tab-min-height) !important;
    }


:root {
    --tab-min-height: 30px !important; 
    }
        
:root #tabbrowser-tabs {
    --tab-min-height: 30px !important; 
    }
       
.tabbrowser-tab:not([pinned]) {
    -moz-box-flex: 0!important;
    width: 157px!important;
    }
}

Alles anzeigen

Jogot

Hey, das sieht cool aus!

Vorher saß ja das Logo in der linken Ecke der angezeigten Seite und hat da womöglich Inhalte verdeckt.

Die Möglichkeiten der Anpassungen per CSS-Datei sind ja interessant - wo finde ich denn da evtl. weiterführende Infos?

Firefox-User

weiterführende Infos?

Z. B. hier im Forum[Blockierte Grafik: https://www.firefox-forum.com/images/smilies/emojione/1f609.png]

Tipps & Tricks

Firefox-User

Allgemeiner Hinweis mal dazu.

Die Anpassungen per CSS wurden von Mozilla noch nie offiziell unterstützt.

D.h., nach einem Update vom Firefox kann es passieren, dass man den Code wieder anpassen muss.

Mrs.Peggy

Hallo!

Bei mir das Gleiche Problem. Habe den Code aus #12 eingefügt und es paßt. Allerdings habe ich dazu eine Frage: ich bin jemand, der immer recht viele Tabs offen hat. Mein Problem ist jetzt, daß sich die Tabbreite nicht mehr anpaßt. Wie kann ich das ändern?

Firefox-User

die Tabbreite nicht mehr anpaßt.

Hallo Mrs.Peggy..

das hatte ich dir in dem anderen Forum ja schon gesagt[Blockierte Grafik: https://www.firefox-forum.com/images/smilies/emojione/1f609.png]

Du musst 1x diesen Eintrag entfernen, Zeile 35 - 38

/*Breite der Tabs im privaten Fenster*/
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab:not([pinned]) {
-moz-box-flex: 0!important;
width: 180px!important;
}
Und dann weiter unten im Code Zeile 90 - 93 diesen weiteren Eintrag.

CSS

.tabbrowser-tab:not([pinned]) {
    -moz-box-flex: 0!important;
    width: 180px!important;
    }

Firefox-User

Oder teste es gleich mit diesem veränderten Code mal.

CSS

/*Tableiste unten im privaten Fenster*/
/*Lila Icon oben rechts*/


#main-window[privatebrowsingmode=temporary] #PanelUI-menu-button &gt; legacy-stack {
     padding-left: 30px !important;
     background: url("chrome://browser/skin/private-browsing.svg")no-repeat !important;
     }
    
#main-window[privatebrowsingmode=temporary] .private-browsing-indicator {
    display: none !important;
    }
/*Activer Tab lila Hintergrund*/
#main-window[privatebrowsingmode=temporary] #tabbrowser-tabs:not([movingtab]) &gt; .tabbrowser-arrowscrollbox &gt; .tabbrowser-tab &gt; .tab-stack &gt; .tab-background[selected="true"]{
    background: indigo !important;    
    }
/*Activer Tab weiße Schrift*/
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[selected]{
    color: white !important;
    padding-top: 3px !important;
    }
#main-window[privatebrowsingmode=temporary] #TabsToolbar {
    position: absolute !important;
    display:block !important;
    bottom: -4px !important;
    width: 100vw !important;
    }
      
#main-window[privatebrowsingmode=temporary] .tab-line[multiselected], .tab-line[selected="true"]{
    display: none !important;
    }
#main-window[privatebrowsingmode=temporary] .tabbrowser-tab[visuallyselected="true"]{
    margin-top: -4px !important;
    max-height: 35px !important; 
    }
#main-window[privatebrowsingmode=temporary] #tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window[privatebrowsingmode=temporary]:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: var(--tab-min-height) !important;
    }
/*Höhe der Tabs im privaten Fenster*/
#main-window[privatebrowsingmode=temporary]:root {
    --tab-min-height: 35px !important; 
    }
        
#main-window[privatebrowsingmode=temporary]:root #tabbrowser-tabs {
    --tab-min-height: 35px !important; 
    }


    
/* Ab hier für normales Fenster*/


@-moz-document url(chrome://browser/content/browser.xhtml) {
       
#TabsToolbar {
    position: absolute !important;
    display:block !important;
    bottom: -4px !important;
    width: 100vw !important;
    }
#tabbrowser-tabs {
    width: 100vw !important;
    }
        
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
    padding-bottom: var(--tab-min-height) !important;
    }
:root {
    --tab-min-height: 30px !important; 
    }
        
:root #tabbrowser-tabs {
    --tab-min-height: 30px !important; 
    }       


/*Damit wird der Tabtext nicht ausgeblendet am Ende*/    
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
    mask-image: none !important;
    }
}

Alles anzeigen

Tab-Leiste

WindowsPower.de Artikel

Jetzt mitmachen!

Ähnliche Themen

Thunderbird Leiste ist weg.

Ändern der Taskleistenfarbe: So ändern Sie die Farbe der Taskleiste in Windows

Startseite Suchleiste ausblenden

Firefox – Tableiste mehrreihig unter Menüleiste

Ist es möglich die Tableiste am unteren Rand des Fensters zu fixieren?

Beim Firefox 75 sind die Tabs nicht mehr unter der Adressleiste

Benutzer online in diesem Thema