aber wenn's keiner testen oder benutzen will..
Es funktionieren beide Codes.
Bleibt nur die Aussage von Sören, es für die Zukunft besser per Shadow.css zu erstellen.
aber wenn's keiner testen oder benutzen will..
Es funktionieren beide Codes.
Bleibt nur die Aussage von Sören, es für die Zukunft besser per Shadow.css zu erstellen.
aber wenn's keiner testen oder benutzen will...
Momentan sehe ich einfach keinen Sinn darin, diese Baustelle anzugehen. Wie Sören ja weiter oben schon ausgeführt hat, ist in dem ganzen Bereich dermaßen viel Bewegung, das es sich einfach nicht lohnt dort Anpassungen vorzunehmen.
Ich für meinen Teil bastele dort erst wieder, wenn die neue Sidebar (mit den vertikalen Tabs) fertig ist. Vorher ist das verschwendete Zeit...
Der Code von 2002Andreas aus Beitrag #79 funktioniert auch bei mir (im Nightly). Ich habe ihn in der Datei tabs_mittig.css im Unterordner CSSShadow (Vorschlag von Andreas), die ich in die userChromeShadow.css importiere. Leider funktioniert da nur der absolute Pfad:
funktioniert auch bei mir.
Danke für den Test
Es funktionieren beide Codes.
Bleibt nur die Aussage von Sören, es für die Zukunft besser per Shadow.css zu erstellen.
Danke für den Test!
Die Codevariante mit den Margins ist ja direktes CSS, ohne Umwege in die shadow-root oder dran vorbei, ich denke daher braucht's keine Shadow.css etc..
Deinen Code würd ich gerne testen, hab aber den Franken Mac mit aktuellem Fx schon wieder auseinandergebaut....
daher braucht's keine Shadow.css etc..
Warten wir ab, ob bzw. was Mozilla in Zukunft noch ändert.
Sollte CSS in der userChrome.css reichen...dann ist das für viele die einfachste Lösung.
Momentan sehe ich einfach keinen Sinn darin, diese Baustelle anzugehen. Wie Sören ja weiter oben schon ausgeführt hat, ist in dem ganzen Bereich dermaßen viel Bewegung, das es sich einfach nicht lohnt dort Anpassungen vorzunehmen.
Macht Sinn; bzgl. will keiner , ich hatte damit eher die Kollegen angesprochen, die eine Lösung für mittige Tabs angefragt hatten, und dann nicht mal den angebotenen Code testen.
Tja und hier ist die negative Wirkung des "Slot" - Codes:
Schade... da ich noch völlig jungfräulich mit der Shadow-Geschichte bin... ist irgendwo beschrieben, wie ichs angehen muss?
Bisher habe ich eine userChromeShadow.uc.js mit diesem Inhalt im chrome-Ordner gespeichert:
// userChromeShadow.uc.js by aborix
// 28.07.2022 FF104+ Fix: using PathUtils.join (Sören Hentzschel)
(async function() {
if (location != 'chrome://browser/content/browser.xhtml') return;
try {
let path = PathUtils.join(PathUtils.profileDir, 'chrome', 'userChromeShadow.css');
let cssIn = await IOUtils.readUTF8(path);
let sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
let uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(cssIn));
sss.loadAndRegisterSheet(uri, sss.AUTHOR_SHEET);
} catch(e) {
console.log("UserChromeShadow-Error: " + e.name + ': ' + e.message );
};
})();
Alles anzeigen
Desweiteren liegt im chrome-Ordner eine userChromeShadow.css mit diesem Inhalt
/*Tabs in Tableiste mittig*/
#tabbrowser-tabs:not([overflow="true"]) {
--ug_tabs_position: center;
}
scrollbox[smoothscroll="true"] {
justify-content: center !important ;
}
Es funktioniert aber nicht.
Was muss ich ändern bzw am Code ergänzen?
die eine Lösung für mittige Tabs angefragt hatten, und dann nicht mal den angebotenen Code testen.
Keine Sticheleien bitte
Ist aber auch von mir getestet worden, und funktioniert. Bin aber zur Shadow-Methode gewechselt, tut mir leid.
Desweiteren liegt im chrome-Ordner eine userChromeShadow.css mit diesem Inhalt
Das ist doch schon wieder exakt der gleiche falsche CSS-Code, in dem du eine CSS-Variable definierst, die du nicht verwendest, den du bereits bei Fragestellung so hattest. Andreas hat in Beitrag #79 den CSS-Code gepostet, den du verwenden muss.
Desweiteren liegt im chrome-Ordner eine userChromeShadow.css mit diesem Inhalt
Das kann auch nicht funktionieren, versuche diesen ganz normalen css-Code (user Chrome.css).
Auch der funktioniert (noch)
Die Lösung aus #79 bewirkt hier in der userChromeShadow.css nichts, der Code von FuchsFan aus #93 in der userChrome.css läßt die Tabs zusammengestaucht oberhalb der Menüleiste landen. Diese werden hier mit einem eigenen css unter die Menü-Leiste verfrachtet. Wenn ich dann den dafür zuständigen Code ebenfalls in die userChrome.css packe, ist es nicht mehr gestaucht aber immer noch oberhalb der Menü-Leiste.
Die Lösung von 2002Andreas aus #94 im Code für die Tab-Gestaltung hingegen funktioniert hier und lässt auch den AddonManager unbehelligt.
Dann lasse ich es zunächst so. Vielen Dank und Euch eine schöne Woche!
Die Lösung aus #79 bewirkt hier in der userChromeShadow.css nichts
Dann funkt dir etwas anderes dazwischen.
Das kann auch nicht funktionieren, versuche diesen ganz normalen css-Code (user Chrome.css).
In Beitrag #77 hatte ich erklärt, was das Problem damit ist. Auch damit überschreibst du pauschal jedes slot-Element.
Die Lösung von 2002Andreas aus #94 hingegen funktioniert hier und lässt auch den AddonManager unbehelligt.
Dann lasse ich es zunächst so.
Würde ich nicht machen, wenn Andreas bestätigt, dass sein Code aus Beitrag #79 so funktioniert. Dann würde ich eher schauen, dass ich die Ursache dafür finde, wieso es bei dir nicht funktioniert. Dein eigener Beitrag #90 hat doch gezeigt, was passieren kann, wenn sich Code an völlig anderen Stellen auswirkt, die mit deiner eigentlichen Absicht nichts zu tun haben. Selbst, wenn du mit dem Code aus Beitrag #94 jetzt kein Problem siehst, dann kommt es vielleicht mit der nächsten Firefox-Änderung an einer komplett anderen Stelle und dann rätselst wir hier wieder, woher das Problem kommt. Vor allem macht Mozilla immer mehr Gebrauch von Custom Elements und Shadow DOM. Die Auswirkungen werden mit der Zeit definitiv eher größer als kleiner, wenn man seine Anpassungen nicht auf ihr eigentliches Ziel limitiert.
Tja und hier ist die negative Wirkung des "Slot" - Codes:
Das kann gar nicht sein, da du in dem gleichen Beitrag angegebenen Code gar keine slot-Regel verwendet hast, abgesehen mal davon, dass du, wie Sören schrieb, den gleichen falschen Code verwendet hast. Was nicht da ist, kann auch nicht wirken.
Ich würde das eher so verstehen, dass er auf Grund der Auswirkung der slot-Regel überhaupt erst den Weg über das Shadow-Script versucht hat - und im entsprechenden CSS dann eben wieder der alte Code gelandet ist.
//
Ich habe mal den Threadtitel geändert
Sören Hentzschel OK. Möglich.