Evtl. testet ja ein anderer user den Code aus Beitrag Nr. 17 mal, wäre sehr nett und hilfreich.
Nachtrag:
Ich habe den Code mal in der Beta, Nightly und 2 anderen Profilen getestet.
Hier funktioniert er einwandfrei.
Evtl. testet ja ein anderer user den Code aus Beitrag Nr. 17 mal, wäre sehr nett und hilfreich.
Nachtrag:
Ich habe den Code mal in der Beta, Nightly und 2 anderen Profilen getestet.
Hier funktioniert er einwandfrei.
Schau mal hier:
Ich habe gerade in der Nightly getestet:
Ab der zweiten Tabzeile flimmert es hier wie blöde...
Bei mir flimmert es nur, wenn mindestens ein Tab angeheftet ist, dann aber scheint er zwischen zwei unterschiedlich Größenangaben der Tab-Leiste hin und her zu switchen.
Schau mal hier:
Deine Farbe der Tabs sieht ganz anders aus als die aus meinem Code
Mit meinem Code:
Ergo passt da etwas nicht bei dir
Bei mir flimmert es nur, wenn mindestens ein Tab angeheftet ist,
Hallo BrokenHeart ..danke für den Test
Der Grund dafür ist dieser im Code:
.tab-close-button.close-icon{
display: -moz-box !important;
width: 20px; height: 20px !important;
border: none !important;
background-color: none !important;
}
Dadurch ist auf dem angepinnten Tab auch das X zum schließen vorhanden.
Ab der zweiten Tabzeile flimmert es hier wie blöde
Hallo grisu2099 ..auch dir danke für den Test
So sieht das hier im aktuellen Nightly aus:
Ich weiß jetzt nicht, wo ich nach einem evtl. Fehler im Code suchen soll
Hallo 2002Andreas
aber Du hast doch in Deinem 1. Screenshot in #25 auch einen Tab angeheftet... dann müßte es doch auch flimmern?
auch einen Tab angeheftet... dann müßte es doch auch flimmern?
Wenn ich mit der Maus auf den angepinnten Tab gehe, dann verschiebt sich der Tab daneben um 1-2 Millimeter, aber es flimmert nichts.
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:
Wenn ich mein Theme auf hell stelle
Und die Tabs zucken dann immer noch?
Leider ja...
in meinem Code der Abstand ober- und unterhalb der Tableisten verringert werden? -
Das ist jetzt dein alter Code mit neuen Werten für den Abstand:
/* 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;
}
#tabbrowser-arrowscrollbox {
margin-top: -26px !important;
margin-bottom: -32px !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: 20px; height: 20px !important;
border: none !important;
background-color: none !important;
}
.tab-close-button {
color: white !important; /* Farbe des Kreuzes */
}
Alles anzeigen
Wenn ich mein Theme auf hell stelle
Welches Theme benutzt du denn?
Ich habe jetzt einige ausprobiert, aber an der Tabfarbe ändert sich nichts
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)
Ich benutze dieses Standard Theme:
Damit sieht das hier so aus:
Also nicht so wie in deinem Movie bzw. deinem Screenshot
Da passt was auch immer nicht bei dir
noch so verändern, dass 3 Tabzeilen gesamt zu erkennen sind?
Wie du auf meinem Screenshot erkennen kannst, werden 3 Reihen angezeigt.
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...)?
Ich habe jetzt noch einmal mit einem ganz frischen Profil in der Nightly getestet (nur dieser Tab-Code - dunkles Thema).
Ergebnis:
Sobald der erste Tab in der 2. Reihe geöffnet ist, beginnt das Flimmern. Gleichzeitig wird die Oberfläche quasi doppelt angezeigt, aber vertikal verschoben (kann man leider im Screenshot nicht erkennen).
Die Adreßleiste erscheint praktisch zweimal direkt untereinander. Bei den beiden Tabs ganz links kann man 4x untereinander "Neuer Tab" lesen.
Bei mir verschieben die Tabs auch in der Höhe ineinander...
Sehr merkwürdig, das Ganze!
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!
ich würde mich noch sehr über Hilfe zu #35 freuen
Teste bitte.
Ansonsten ändere mal die Werte in Zeile 51 und/oder 52.
Die erste Zahl für Abstand nach oben, die zweite für unten.
Wobei du dich für den "Kompakt-Modus" oder einen anderen einmalig entscheiden musst.
/* 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;
}
#tabbrowser-arrowscrollbox {
margin-top: -34px !important;
margin-bottom: -34px !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: 20px; height: 20px !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!
Herzlichen Dank für Deine großartige Hilfe!
Freut mich wenn ich dir damit helfen konnte, war gern geschehen
Entschuldige, dass ich mich erst jetzt melde
Alles ist gut