Hallo 2002Andreas,
ich habe diese beiden Werte auf 24 geändert und bin jetzt wieder super happy!
Vielen herzlichen Dank für die immer wieder erbrachte Hilfe - mal sehen, wann die nächste größere FF-Änderung kommt...
Gruß,
Krabato
Hallo 2002Andreas,
ich habe diese beiden Werte auf 24 geändert und bin jetzt wieder super happy!
Vielen herzlichen Dank für die immer wieder erbrachte Hilfe - mal sehen, wann die nächste größere FF-Änderung kommt...
Gruß,
Krabato
Ich habe jetzt Deinen Code genommen. Passt fast alles sehr gut! Danke, danke, danke!
Nur nach unten hin habe ich es noch ein wenig korrigiert.
Welche Zahl (in welcher Zeile) muss ich nochmal ändern, um evtl. die Tabhöhe noch etwas zu verringern?
Sie können ruhig noch etwas schmaler in der Höhe sein
ok, danke für die superschnelle Antwort. Das ist echt Klasse!
Muss ich den ganzen Code ersetzen, da er auch noch andere Änderungen enthält?
Oder reicht es, wenn ich in meinem Code diese beiden Zahlen in Zeile 52 und 53 verändere?
Hallo,
und wieder gab es ein Update, welches meinen .css Code nicht mehr richtig verarbeitet... und ich benötige Eure Hilfe...
Würdet Ihr bitte mal nachschauen, was geändert werden kann, sodass die obere Tableiste nicht die Menüleiste überlagert?
Auch die untere Tableiste überlagert die Eingabezeile der Internetadresse...
Ich wäre Euch sehr dankbar!
Beste Grüße!
Krabato
CssCode:
/* Tableiste mehrreihig */
@-moz-document url(chrome://browser/content/browser.xhtml) {
[tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox {
padding-top: 8px !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;
}
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;
}
/* Die erste Zahl für Abstand der 3 Tabzeilen nach oben, die zweite für unten */
#tabbrowser-arrowscrollbox {
margin-top: -28px !important;
margin-bottom: -24px !important;
}
/* 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 {
text-shadow: 1px 1px 0px #000000 !important;
font-weight: 500 !important;
font-size: 12px !important;
font-family: "Arial" !important;
}
.tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
text-shadow: none !important;
}
.tabbrowser-tab .tab-label[selected="true"] {
text-shadow: 1px 1px 0px #000000 !important;
font-weight: 500 !important;
font-size: 12px !important;
font-family: "Arial" !important;
}
/* Inaktive Tabs Schrift kursiv */
.tabbrowser-tab:not([selected]) {
font-style: italic !important;
}
/* Aktiver Tab */
.tabbrowser-tab[selected] .tab-content {
background: rgba(255,46,250,1) !important;
color: white !important;
}
.tabbrowser-tab[selected] .tab-content:hover{
background: yellow !important;
color: blue !important;
}
/* Tab ungelesen */
.tabbrowser-tab[pending] .tab-content{
background: rgba(0,37,255,0.39) !important;
color: yellow !important;
}
.tabbrowser-tab[pending] .tab-content:hover{
background: orange !important;
}
/* Tab gelesen */
.tabbrowser-tab .tab-content {
background: rgba(0,234,255,0.38) !important;
color: white !important;
padding-bottom: 9px !important;
}
.tabbrowser-tab .tab-content:hover {
background: orange !important;
color: white !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;
}
*/
/************* Tabschliessen-Button ****************/
.tab-close-button.close-icon{
display: -moz-box !important;
width: 30px; height: 30px !important;
border: none !important;
background-color: none !important;
}
.tab-close-button {
color: white !important; /* Farbe des Kreuzes */
}
Alles anzeigen
Entschuldige, dass ich mich erst jetzt melde, irgendwie war zu viel los...
Ich habe die beiden Werte jetzt eingestellt und alles sieht wieder aus wie vor dem Update. Juhuuhh!
Herzlichen Dank für Deine großartige Hilfe!
ich würde mich noch sehr über Hilfe zu #35 freuen
Bei mir ist mit dem neuen Code von 2002Andreas jetzt alles ok soweit, kein Flimmern mehr!
bzgl. der Tab-Zeilenhöhe:
Ich hatte vergessen.... ich habe mir den "Kompakt-Modus" eingestellt per "browser.compactmode.show" auf true... Das macht es natürlich alles enger... Aber wenn ich die Dichte auf normal einstelle habe ich etwas mehr als 3 Zeilen....:
Wo muss ich denn im Code welchen Wert ändern, damit ich mir das dann auf genau 3 Zeilen einstellen kann?
die gelesenen Tabs sehen bei mir von der Farbe doch genauso aus, wie bei dir - dunkel-türkis...:
die dunkelblauen sind die noch nicht angeschauten Tabs...
Müßte dann doch passen?, ...oder fällt Dir noch ein anderer Unterschied auf (weil Du schreibst, bei mir paßt etwas noch nicht...)?
Jaaaa, Juhu!!! Jetzt sieht es doch schonmal wieder ganz gut aus!!! Vielen vielen herzlichen Dank!!!!
Mir fällt jetzt gerade echt ein Stein vom Herzen!
Ich habe das Schließen-Kreuz der Tabs noch von der Größe verdoppelt. Jetzt sieht es so aus:
Könntest Du die Höhe der Gesamt-Tab-Leiste noch so verändern, dass 3 Tabzeilen gesamt zu erkennen sind? Oder die Tabhöhe noch etwas verkleinern, das wäre noch besser. Die 3. Tabzeile wird unten knapp abgeschnitten...
Ich benutze dieses Standard Theme:
(dunkel finde ich angenehmer für die Augen)
Hmm... ok, das heißt, Du hast imMo auch keine Lösung?
Wie kann denn in meinem Code der Abstand ober- und unterhalb der Tableisten verringert werden? - das wäre ja schonmal die halbe Miete...
Die Tab-height müßte noch etwas kleiner sein...
Übrigens:
Wenn ich mein Theme auf hell stelle, ist mein Aussehen auch fast wie bei Dir:
Hallo 2002Andreas
aber Du hast doch in Deinem 1. Screenshot in #25 auch einen Tab angeheftet... dann müßte es doch auch flimmern?
komisch... ich habe es gerade nochmal ausprobiert... bei mir flimmert die gesamte Tableiste ganz schnell hoch und runter....
Ich weiß nicht, wie ich es aufnehmen kann, sonst würde ich es hier mal zeigen...
mit dieser Variante hat es leider gar nicht geklappt....
Die Tabs haben ganz wild hin und her gezittert (ich weiß gar nicht, wie ich das beschreiben soll...) - irgendwie geflimmert.... und ich habe FF ganz schnell wieder geschlossen...
Würdest Du vielleicht nochmal?......
@ 2002Andreas:
vielen Dank für die beiden userChrome.css-Versionen. Ich habe jetzt auch mal beide Versionen getestet, aber das gefällt mir leider noch nicht... der große Abstand zwischen Tabs und der Eingabeleiste unten drunter ist verschwunden, aber nach oben hin zur Menüleiste ist er immer noch vorhanden. Die Tabs sind in der Höhe immer noch zu hoch und das "Tab-Schließen"-Kreuz innerhalb der Tabs ist immer noch zu klein, bzw. bei der zweiten Version gar nicht mehr da.
Auch sind meine eingefärbten Tabs je nach "aktiv" oder "bereits angesehen" nicht mehr farblich unterschiedlich...
Könntest Du meine userChrome.css aus #5 vielleicht auch nochmal anpassen, dass meine Einstellungen soweit bleiben?
Vielen herzlichen Dank für die Mühe!
Edit: Ich muss mich korrigieren,.... die farblichen Unterschiede waren doch da, aber die Tabs sind so dicht beieinander...
Bitte.... schaut Euch doch meinen Code mal an und korrigiert die Punkte in #1...
Hallo nochmals,
ich würde mich wirklich sehr freuen, wenn jemand mal über meinen Code schauen könnte und die Punkte in #1 wieder in Ordnung bringen könnte...
Falls der Code oben auch nicht übermittelt wurde, hier auch nochmals:
/* Tableiste mehrreihig */
@-moz-document url(chrome://browser/content/browser.xhtml) {
[tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox {
padding-top: 8px !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;
}
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 */
}
}
/* 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 {
text-shadow: 1px 1px 0px #000000 !important;
font-weight: 500 !important;
font-size: 12px !important;
font-family: "Arial" !important;
}
.tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
text-shadow: none !important;
}
.tabbrowser-tab .tab-label[selected="true"] {
text-shadow: 1px 1px 0px #000000 !important;
font-weight: 500 !important;
font-size: 12px !important;
font-family: "Arial" !important;
}
/* Inaktive Tabs Schrift kursiv */
.tabbrowser-tab:not([selected]) {
font-style: italic !important;
}
/* Aktiver Tab */
.tabbrowser-tab[selected] .tab-content {
background: rgba(255,46,250,1) !important;
color: white !important;
}
.tabbrowser-tab[selected] .tab-content:hover{
background: yellow !important;
color: blue !important;
}
/* Tab ungelesen */
.tabbrowser-tab[pending] .tab-content{
background: rgba(0,37,255,0.39) !important;
color: yellow !important;
}
.tabbrowser-tab[pending] .tab-content:hover{
background: orange !important;
}
/* Tab gelesen */
.tabbrowser-tab .tab-content {
background: rgba(0,234,255,0.38) !important;
color: white !important;
}
.tabbrowser-tab .tab-content:hover {
background: orange !important;
color: white !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;
}
*/
/************* Tabschliessen-Button ****************/
.tab-close-button.close-icon{
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 */
}
Alles anzeigen
Hallo,
und mal wieder hat mir das Update zu 89.0 alles zerschossen...
Würde mir bitte jemand helfen und mal über meinen Code drüberschauen?
- Die Tabs sind jetzt etwas zu hoch, die Schrift in den Tabs ist ganz unten... Mittig wäre schöner und etwas niedrigere Tabs...
- Dann ist ober- und unterhalb der Multi-Tableiste nun sehr viel "Platz", es wäre schön, wenn das wieder zusammenrutschen würde...
- Das "Schließen-Kreuz" in den Tabs ist etwas zu klein geworden... etwas größer wäre schön, damit man nicht so genau "zielen" muss...
- Und die angehefteten Tabs sind etwas zu breit....
- Die Abstände in den Lesezeichen-Ordnern sind zu weit auseinander (das wurde hier im Forum ja auch schon diskutiert)...
camp-firefox.de/attachment/30672/
- Und mir ist gerade aufgefallen, dass ich nicht mehr mit STRG mehrere Tabs markieren kann, um sie zu löschen, klonen, etc.... Kann man das wieder ändern?
So sah es vorher aus (habe ich von einem Rechner, wo sich Firefox zum Glück noch nicht aktualisiert hat...):
camp-firefox.de/attachment/30669/
So sieht es jetzt aus:
camp-firefox.de/attachment/30670/
Mein Code:
/* Tableiste mehrreihig */
@-moz-document url(chrome://browser/content/browser.xhtml) {
[tabsintitlebar="true"][sizemode="maximized"] #navigator-toolbox {
padding-top: 8px !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;
}
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 */
}
}
/* 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 {
text-shadow: 1px 1px 0px #000000 !important;
font-weight: 500 !important;
font-size: 12px !important;
font-family: "Arial" !important;
}
.tabbrowser-tab .tab-label:not(:-moz-lwtheme) {
text-shadow: none !important;
}
.tabbrowser-tab .tab-label[selected="true"] {
text-shadow: 1px 1px 0px #000000 !important;
font-weight: 500 !important;
font-size: 12px !important;
font-family: "Arial" !important;
}
/* Inaktive Tabs Schrift kursiv */
.tabbrowser-tab:not([selected]) {
font-style: italic !important;
}
/* Aktiver Tab */
.tabbrowser-tab[selected] .tab-content {
background: rgba(255,46,250,1) !important;
color: white !important;
}
.tabbrowser-tab[selected] .tab-content:hover{
background: yellow !important;
color: blue !important;
}
/* Tab ungelesen */
.tabbrowser-tab[pending] .tab-content{
background: rgba(0,37,255,0.39) !important;
color: yellow !important;
}
.tabbrowser-tab[pending] .tab-content:hover{
background: orange !important;
}
/* Tab gelesen */
.tabbrowser-tab .tab-content {
background: rgba(0,234,255,0.38) !important;
color: white !important;
}
.tabbrowser-tab .tab-content:hover {
background: orange !important;
color: white !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;
}
*/
/************* Tabschliessen-Button ****************/
.tab-close-button.close-icon{
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 */
}
Alles anzeigen
Vielen Dank im Voraus!