Mit dieser CSS komme ich klar
Muss ich jetzt leider revidieren!
Mit dieser CSS zeigt sich das Problem wieder. Also die LZ und Ordner in der LZ-Symbolleiste sind in der unteren Hälfte der jeweiligen Schaltflächen nicht anklickbar, nur in der oberen Hälfte.
Gibt es denn nicht noch einen anderen Code oder auch ein Script für eine Tab-Mehrreihigkeit?
Es muss dir ein anderer Code dazwischenfunken. :-??
Wie du ja auf meinen Screenshots und im Movie erkennen kannst, funktioniert das hier einwandfrei.
Hier gibt es noch diverse Scripte für die Tableiste, mit Beschreibung.
https://github.com/Endor8/userChr…tabs/Firefox-66
Evtl. funktioniert das ja besser dann bei dir.
Fox2Fox: Kommentiere doch mal in der userChrome.css alle @import-Befehle aus, die nicht zu diesem Problem gehören. Oder hast du noch CSS-Code in der userChrome.css, der dazwischen funken könnte? Wenn nicht, einfach überflüssige @import-Befehle mit /* ... */ auskommentieren. Bei mehreren auszukommentierenden Zeilen hintereinander reicht das hintere */ am Ende der letzten Zeile. Wenn nach den @import-Befehlen für die gewünschten CSS-Dateien noch auszukommentierende @import-Befehle kommen, die ebenso wie oben auskommentieren.
So kannst du feststellen, ob das Problem in den zugehörigen CSS-Dateien liegt oder ob wirklich eine ganz andere CSS-Datei dazwischen funkt.
Hier gibt es noch diverse Scripte für die Tableiste, mit Beschreibung.
https://github.com/Endor8/userChr…tabs/Firefox-66
Evtl. funktioniert das ja besser dann bei dir.
Das hatte ich früher schon mal getestet. Funktioniert aber auch nicht so, wie ich mir das wünsche.
Um das noch mal darzustellen:
Tableiste 5-reihig
Tabs feste Breite
Kein Scrollbalken
Ursprungsproblem mit der anklickbaren Fläche der LZ in der LZ-Symbolleiste beheben
Fox2Fox: Kommentiere doch mal in der userChrome.css alle @import-Befehle aus, die nicht zu diesem Problem gehören.
Muss das mal in Ruhe testen, im Moment ist mir das zuviel Durcheinander. Habe etwas den Überblick verloren.
Danke schon mal bis hierhin, melde mich dann wieder.
Habs mit der CSS hinbekommen
tabs tab[fadein]:not([pinned]) {
flex-grow: 1 !important;
min-width: 128px !important;/* Minimale Tabbreite 128px */
max-width: 128px !important;/* Maximale Tabbreite 128px */
}Tabs mehrreihig
Tabs unten
Tabbreite begrenzt (neu)
LZ in der LZ-Symbolleiste sind vollflächig erreichbar
Sieht jetzt so aus
[attachment=0]A1.jpg[/attachment]
Danke für eure Hilfe!
Mir ist aufgefallen, dass die Höhe der LZ-Symbolleiste ab der 4. Tabreihe zu gering ist.
Wie kann ich die Höhe vergrößern?
[attachment=0]A1.jpg[/attachment]
Laut deinem Screenshot in Beitrag Nr. 25 ist die Lesezeichensymbolleiste über den Tabs.
Im Screenshot Beitrag 26 wäre die Lesezeichensymbolleiste ja dann unter den Tabs :-??
Laut deinem Screenshot in Beitrag Nr. 25 ist die Lesezeichensymbolleiste über den Tabs.
Die Lesezeichensymbolleiste war und soll über den Tabs sein.
Im Screenshot Beitrag 26 wäre die Lesezeichensymbolleiste ja dann unter den Tabs :-??
Nein immer noch über den Tabs. Im Beitrag #26 ist die Lesezeichensymbolleiste gar nicht zu sehen.
Sorry, wenn es Verwirrungen gab.
Nein immer noch über den Tabs. Im Beitrag #26 ist die Lesezeichensymbolleiste gar nicht zu sehen.
Fox2Fox: Vorschlag: Beziehe mal Nachbarelemente in deine Bildschirmfotos mit ein. Nachbarelemente können betroffene Elemente beeinflussen und vielleicht sogar das Problem verursachen.
Ich verstehe es nicht :-??
Tabs unten
Tableiste mehrreihig
Lesezeichensymbolleiste einreihig und über den Tabs ergibt hier:
[attachment=0]Screenshot (375).png[/attachment]
Und ich finde, da passt alles.
Fox2Fox: Vorschlag: Beziehe mal Nachbarelemente in deine Bildschirmfotos mit ein. Nachbarelemente können betroffene Elemente beeinflussen und vielleicht sogar das Problem verursachen.
Screenshot in #26 zeigt im Ausschnitt das Gleiche wie in #25, nur ohne LZ-Symbolleiste.
Ich verstehe es nicht :-??
Tabs unten
Tableiste mehrreihig
Lesezeichensymbolleiste einreihig und über den Tabs ergibt hier:
Dann benutzt du andere Codes bzw. Scripte.
Ist die LZ-Symbolleiste denn in der Höhe vergrößerbar?
Alternativ könnte man die Tabhöhe verringern, sodass 4 Reihen in die Tableiste passen.
Soll ich denn mal Codes oder Scripte posten, die hier auf die LZ-Symbolleiste und auf die Tableiste wirken?
Dann benutzt du andere Codes bzw. Scripte.
Immer die, die ich dir gegeben hatte.
Soll ich denn mal Codes oder Scripte posten
Wäre nicht verkehrt, dann kann ich hier testen.
Hast du denn mal alle anderen Codes deaktiviert?
Genutzt habe ich hier für die Tableiste mehrzeilig:
#TabsToolbar > .titlebar-buttonbox-container {
display:none}
/* Tableiste mehrreihig */
#tabbrowser-tabs{
--tabs-lines: 5; /*Angezeigte Leisten, bei mehr wird eine Scrollbar eingeblendet, oder den Wert erhöhen*/
--tab_min_width_mlt: 129px;/* Mindeste Tabbreite */
--tab_max_width_mlt: 129px;/* Maximale Tabbreite */
--tab-max-height_mlt: var(--tab-max-height,25px);
}
/*Tableistenabstände*/
#tabbrowser-tabs > .tabbrowser-arrowscrollbox {
overflow: -moz-hidden-unscrollable;
display: block;
margin-bottom:-16px !important;
margin-top:-15px !important;
margin-left:3px !important;
}
.tabbrowser-tab[pinned] .tab-icon-image{
margin-left:-5px!important;
}
.tab-close-button.close-icon{
margin-right:-10px!important;
}
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-moz-locale-dir(ltr) {
direction: ltr;
mask-image: linear-gradient(to left, transparent, black 0em)!important;
}
.tabbrowser-tab[fadein]:not([pinned]) {
flex-grow: 1;
min-width: var(--tab_min_width_mlt) !important;
max-width: var(--tab_max_width_mlt) !important;
}
.tabbrowser-tab,.tab-background {
min-height: var(--tab-max-height_mlt);
}
.tabs-newtab-button {
margin-left:-2px!important;
vertical-align: bottom !important;
height: var(--tab-max-height_mlt);
}
.tab-stack {
width: 98% !important;
}
#tabbrowser-tabs .scrollbox-innerbox {
display: flex;
flex-wrap: wrap;
overflow-x: collapse !important;
overflow-y: auto !important;
min-height: var(--tab-min-height_mlt);
max-height: calc( var(--tabs-lines) * var(--tab-max-height_mlt); ) !important;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox {
overflow-x: collapse;
overflow: visible;
display: block;
}
#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#TabsToolbar #alltabs-button,
.tabbrowser-tab:not([fadein]){
display: none;
}
#tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
display: flex;
flex-wrap: wrap;
overflow-y: auto;
max-height: calc(var(--tab-max-height_mlt) * var(--tabs-lines));
}
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-start-indicator:not([collapsed]),
.tabbrowser-arrowscrollbox > .arrowscrollbox-overflow-end-indicator:not([collapsed]) {
opacity: 0 !important;
}
#tabbrowser-tabs * {
overflow-x: none !important;
}
#tabbrowser-tabs .scrollbox-innerbox {
-moz-padding-end: 4px !important;
}
#TabsToolbar[currentset^="tabbrowser-tabs,new-tab-button"] #tabbrowser-tabs .scrollbox-innerbox {
-moz-padding-end: 10px !important;
}
#main-window[tabsintitlebar] #tabbrowser-tabs {
-moz-window-dragging: no-drag !important;
}
#main-window[customizing] #tabbrowser-tabs .scrollbox-innerbox {
display: block !important;
}Und Tabs unten dieses Script:
Mit 5 Tab-Reihen siehts so aus. Der Pfeil markiert die Tab-Leiste. Aber wo befindet sich dann der letzte Tab in der 5. Reihe?
Wobei die 4. Reihe sich ja auch schon ein wenig außerhalb der Tab-Leiste befindet.
Blau ist die LZ-Symbolleiste.
[attachment=0]A1.jpg[/attachment]
Diese Darstellung aus #35 wurde vom Theme XP verursacht.
https://addons.mozilla.org/de/firefox/addon/xp/?src=search
Habe jetzt das Theme gewechselt und schon siehts gut aus
https://addons.mozilla.org/de/firefox/add…ige/?src=search
[attachment=0]A1.jpg[/attachment]
Vielen Dank an euch! Damit ist das Problem behoben!
Freut mich dass der Fehler gefunden wurde.
An das Theme hätte ich dabei nie gedacht :-??