Erst durch den CSS Code ändert sich das.
Ah, OK. In diesem Fall mag das stimmen. Aber meine Aussage stimmt ebenfalls. Denn, was Add-ons betrifft, betrifft auch CSS und Benutzerskripte.
Erst durch den CSS Code ändert sich das.
Ah, OK. In diesem Fall mag das stimmen. Aber meine Aussage stimmt ebenfalls. Denn, was Add-ons betrifft, betrifft auch CSS und Benutzerskripte.
betrifft auch CSS
Richtig
In diesem Fall muss dann der CSS Code angepasst werden.
Siehe dazu Beitrag Nr. 18
Dann muss ich also entweder den Fehler akzeptieren oder das unschöne Theme nutzen.
Teste bitte mal:
Treffer versenkt! Vielen Dank!
Vielen Dank!
Gerne wie immer
Moin, habe mal wieder ein CSS-Problem:
Seit gestern funktioniert nachfolgender CSS bei mir im Nightly nicht mehr:
/* Tabs in Tableiste mittig */
#tabbrowser-tabs:not([overflow="true"]) {
--ug_tabs_position: center;
}
scrollbox[smoothscroll="true"] {
display: flex !important;
justify-content: center !important ;
}
Bisher wurden verbleibende Tabs immer in der Mitte gruppiert. Wenn also nur noch ein Tab aufgerufen ist, steht dieser genau mittig. Jetzt "klebt" er oder auch noch andere an der linken Seite.
Hier ists noch richtig im 129.0.2
und so sieht es im Nightly aus
Was könnte da in die Suppe spucken?
Hier auch nochmal der ganze Code für diesen Bereich, falls da irgendwas rumspinnt:
/* Tabs rund und farbig */
/* Angaben für die TAB-Leiste */
/* TAB bei bei angewähltem TAB (aktiv): */
/* Hintergrundfarbe, Rahmen,*/
/* Schriftfarbe. */
.tabbrowser-tab:is([visuallyselected], [multiselected]) > .tab-stack > .tab-background {
background: red !important;
border-radius: 18px !important;
margin-top: 2px !important;
border: none !important;
color: black ! important;
margin-bottom: 0 !important;
}
.tab-background {
outline: none !important;
}
/* Schliessen-Button nur wenn angewählt */
tab:not([selected]) .tab-close-button {display: none !important;
}
/* Schriftgröße Tabs */
.tab-text {
font-size: 17px !important;
}
/* Damit wird der Tabtext am Ende schleichend ausgeblendet */
.tab-label-container[textoverflow][labeldirection=ltr]:not([pinned]),
.tab-label-container[textoverflow]:not([labeldirection]):not([pinned]):-locale-dir(ltr) {
direction: ltr;
mask-image: linear-gradient(to left, transparent, black 1em) !important;
}
/* Doppelte Schliessung ausblenden */
#TabsToolbar > .titlebar-buttonbox-container {
display:none !important;
}
.tabbrowser-tab[visuallyselected] .tab-label {
font-weight: bold !important;
}
#TabsToolbar .tabbrowser-tab:not([selected]) {
border-radius: 16px !important;
height: 22px ! important;
margin-top: 5px !important;
padding: 0 !important;
color: black ! important;
}
/* Tab-Icon etwas größer,
* links weniger, unten etwas mehr Abstand zum TAB-Rand */
#TabsToolbar .tab-icon-image {
height: 20px !important;
width: 20px !important;
margin-left: -2px !important;
margin-bottom: 2px !important;
}
/* Tab-Schließen-Button:
* Rechts weniger Abstand zum TAB-Rand, etwas größer,
* Textfarbe (Kreuz)
* Hintergrundfarbe, an den Eckenradius des Buttons angepasst */
#TabsToolbar .tab-close-button {
margin-right: -8px !important;
font-weight: bold !important;
color: black !important;
}
#TabsToolbar .tab-close-button .toolbarbutton-icon {
height: 20px !important;
width: 20px !important;
background-color: red !important;
border-radius: 12px !important;
}
/* Aktiver Tab breiter */
.tabbrowser-tab:not([pinned]):not([selected]) {
min-width: 200px !important;
flex-grow: 0 !important;
}
.tabbrowser-tab:not([pinned])[selected] {
min-width: 200px !important;
flex-grow: 0 !important;
}
*|*:root {
--tab-toolbar-navbar-overlap: 0 !important;
}
/* Lautsprechersymbol größer */
.tab-icon-overlay {
transform: scale(1.8) !important;
}
image.tab-icon-overlay {
margin-top: 3px !important;
}
/* Lautsprechersymbol violett bei Sound */
.tab-icon-overlay[soundplaying] {
fill: blueviolet !important;
margin-left: 5px !important;
}
/* Lautsprechersymbol gelb bei Stumm */
.tab-icon-overlay[muted] {
fill: yellow !important;
margin-left: 5px !important;
}
/* Tab Beschriftung mittig */
.tab-content {
display: flex !important;
margin-top: 2px !important;
justify-content: center !important;
align-items: center !important;
}
#TabsToolbar .tabbrowser-tab[selected] .tab-content {
margin-top: 2px !important;
}
.tabbrowser-tab {
min-height: 40px !important;
max-height: 40px !important;
}
.tab-label-container {
margin: auto !important;
}
.tabbrowser-tab > .tab-stack > .tab-content > .tab-close-button {
flex-shrink: 0 !important;
padding: 0 !important;
width: 16px !important;
}
#TabsToolbar .toolbarbutton-1 {
min-height: 34px !important;
margin-top: 2px !important;
margin-bottom: 2px !important;
}
#TabsToolbar .tabbrowser-tab:not([selected]) {
min-height: 34px !important;
border: 1px solid #B2B2B2 !important;
}
#TabsToolbar .toolbarbutton-1 > image {
padding: 2px 4px !important;
}
/* Rahmen um die Tableiste durchsichtig */
#TabsToolbar {
border: 0.2px solid transparent !important;
}
#TabsToolbar:hover {
border: 0.2px solid transparent !important;
}
/* Tabs in Tableiste mittig */
#tabbrowser-tabs:not([overflow="true"]) {
--ug_tabs_position: center;
}
scrollbox[smoothscroll="true"] {
display: flex !important;
justify-content: center !important ;
}
/* progress-bar page loading in the tab header */
.tabbrowser-tab:not([usercontextid]) > .tab-stack > .tab-background > .tab-context-line {
opacity: 0;
background-color: #00ff00;
height: 6px;
margin-inline: 8px;
margin-top: 2px;
border-radius: 90px;
}
.tabbrowser-tab:is([busy], [progress]) > .tab-stack > .tab-background > .tab-context-line {
opacity: 1;
transform-origin: left center;
animation: 2s ease-in-out scale;
}
.tabbrowser-tab[bursting] > .tab-stack > .tab-background > .tab-context-line {
transition: opacity 2s ease-out;
}
@keyframes scale {
0% {transform: scaleX(0);}
100% {transform: scaleX(1);}
}
Alles anzeigen
Der betroffene Code steht zwischen Zeile 174 bis 192
Für hilfreiche Hinweise sage ich schon mal Dankeschön!
Ich wollte mich gerade melden und mitteilen, das dein Code hier nix verändert...
Hoffen wir auf die Gelehrten.
Seit gestern funktioniert nachfolgender CSS bei mir im Nightly nicht mehr:
Nur dein CSS zentriert auch in Firefox 129 nichts.
Firefox kennt allerdings auch keine Variable, die so benannt ist, und dein CSS verwendet die Variable auch nicht. Diese Variable ist offensichtlich dazu gedacht, etwas zu zentrieren. Daher vermute ich mal, dass zu dem CSS noch ein Script oder ein anderes CSS gehört, welches hier genannt werden müsste.
Moin, habe mal wieder ein CSS-Problem:
Seit gestern funktioniert nachfolgender CSS bei mir im Nightly nicht mehr:
Ich kann von hier aus nur raten; aber erstmal wird die Variable --ug_tabs_position in deinem geposteten Code nirgends angewendet, und zum anderen versteh ich nicht ganz weshalb du das Attribut [smoothscroll="true"] benutzt.
Kannst evtl. mal das spasseshalber testen:
#tabbrowser-tabs:not([overflow]) {
--ug_tabs_position: center;
}
scrollbox[orient="horizontal"] {
justify-content: var(--ug_tabs_position, initial) !important;
}
-moz-box-pack gibt's schon lange nicht mehr...
noch ein Script oder ein anderes CSS gehört
Bis einschl. Fx 130 funktioniert es so:
Ja, das ergibt von der verwendeten CSS-Eigenschaft her Sinn. Aber Boersenfeger hatte eine CSS-Variable definiert, die im gezeigten Code gar nicht verwendet wurde. Wenn das Problem erst seit gestern besteht, seine Anpassung also grundsätzlich funktionieren sollte, war der gezeigte Code unvollständig.
seine Anpassung also grundsätzlich funktionieren sollte
Es funktioniert nur der untere Teil aus seinem Code bis Fx 130:
Der obere macht gar nichts.
Ich meine, ich hätte mal (vor Monaten) empfohlen, dass er sein css vernünftig strukturiert. Freizeit und Urlaub für nichts dahingehend verplempert. Für diesen partiellen Kram kann es keine Lösung geben.
Für diesen partiellen Kram kann es keine Lösung geben.
Ich würde noch weiter gehen:
Für diesen partiellen Kram kann und darf es keine Lösung mehr geben.
Aber es wird wieder und wieder passieren.
So weit würde ich nicht gehen, aber Kritik sollte sein, vor alle, wenn wiederholt. Tut mir leid, "HP", aber so isses, mal wieder.
Firefox kennt allerdings auch keine Variable, die so benannt ist, und dein CSS verwendet die Variable auch nicht.
Da müsste Horstmann mal helfen, denn er hat im Code-Kasten hinter diesem Link schon zwei --ug-Variablen, unter ihnen obige, verwendet:
Firefox kennt allerdings auch keine Variable, die so benannt ist, und dein CSS verwendet die Variable auch nicht.
...denn er hat im Code-Kasten hinter diesem Link schon zwei --ug-Variablen, unter ihnen obige, verwendet:
Danke für's finden!
Hab ich oben schon was dazu geschrieben; testen kann ich leider nicht in der Nightly, weil auf 115esr...
--ug benutze ich für meine eigenen Variablen, um sie von den oft verwendeten --uc Variablen unterscheiden zu können; es sind so oder so Fremdvariablen (nicht von Fx).
Meine Meinung, mit Kritik sollte immer sparsam umgegangen werden, erst recht, wenn man keine Lösung anbieten kann.
Nun wird gleich ein Donnerwetter losbrechen, aber das ist nun mal Tatsache, es funktioniert i:M. nichts.
... es funktioniert i:M. nichts.
Hast du den Code von oben denn mal getestet?
Nochmal:
Vielleicht hilft es, in bestimmten css-Dateien ein @import zu setzen, damit man selbst und vor allem andere sehen, was noch benötigt wird. Bei einer userChrome mit etlichen Verweisen verliert man den Überblick, was wo noch benötigt wird. Und es empfiehlt sich, nicht alles in einen Ordner zu klatschen, selbst wenn ein Name dran steht. Nach Themen in Ordner sortiert, wie ein Baum mit Ästen, und dort nochmal in einem weiteren css gesammelt. Beispiel userContent
about:css
@import url(./about_root.css);
@import url(./about_addons.css);
@import url(./about_addons_buttons.css);
@import url(./about_config.css);
@import url(./about_prefs.css);
@import url(./about_reader.css);
@import url(./about_sync.css);
/*@import url(./about_addons_endor.css);*/
/*@import url(./about_addons_neu.css);*/
Und in about_root stehen alle Abhängigkeiten, die in den folgenden css darunter benötigt werden. Dort, und nur dort. Ein anderer Zweig aus der Zeit mit "proton" ist es vergleichbar.
Und bei mir stehen fast nur wenige Bytes =wenige Zeilen drin, wenn ich suchen muss, dann ist es verdammt überschaubar. Man kann sich das Leben auch wirklich schwer damit machen, oder später "faul" sein dürfen und strukturiert arbeiten.