Erfahrene Sturköpfe sind da ''reni... ehm resistenter''.
![]()
Erfahrene Sturköpfe sind da ''reni... ehm resistenter''.
![]()
Bei reni scheint es ja laut eigener Aussage Unterschiede zwischen der Fx89 und Fx 91 zu geben. Bei der einen Version geht es bei der anderen nicht...
Die 89er Version habe ich noch nicht wieder getestet - wird allerdings auch nicht so schnell - Stress ![]()
Jetzt wirds verrückt
das ist der gesamte CSS-Code für Tabs und damit sind jetzt die inaktiven Tabs breiter
(im aktuellen Nightly gesehen)
/* abgerundete Ecken der Tabs */
#TabsToolbar .tabbrowser-tab{
border-radius: 80px !important;
border:none!important;
}
.tab-background[selected="true"] {
background: #C1FFC1 !important;
border-radius: 80px !important;
border:none!important;
}
.tab-background:not([selected=true]) {
background: transparent !important;
border-radius: 80px !important;
border: 1px solid darkgreen !important;
}
.tabbrowser-tab::after, .tabbrowser-tab::before {
margin-inline-start: 0px!important;
border-left: 0px solid!important;
border-image:none!important;
border-image-slice: 0!important;
width: 0px!important;
box-sizing: border-box;
opacity: 0!important;
}
.tab-line[selected=true] {
display:none!important
}
.tab-line:not([selected=true]) {
display:none!important
}
/*Tab schließen Button HG bei hover rot und das X weiß*/
.tab-close-button[fadein]:hover {
fill: white !important;
background: green !important;
}
/*Abgerundeter Schließen Button*/
.tab-close-button {
border-radius: 80px !important;
}
/*Abgerundeter Neuer Tab Button*/
#tabs-newtab-button > image {
border-radius: 80px !important;
}
Aktiver Tab breiter, nicht aktiv schmaler
.tabbrowser-tab:not([pinned]):not([selected]) {
min-width: 128px !important;
max-width: 128px !important;
}
.tabbrowser-tab:not([pinned])[selected] {
min-width: 200px !important;
max-width: 200px !important;
}
.tab-close-button {
display: block !important;
}
Alles anzeigen
Kann es möglich sein, dass Änderungen an der Größe der Lesezeichen-Symbolleiste hier noch mit schuldig sind?
Ein beherzter Mittelmaus-Klick auf den entsprechenden Tab und gut ist.
Stimmt, wusste ich noch nicht.
Ich hab jetzt im Nightly inzwischen wieder alle CSS-Codes nach und nach aktiviert => im Nightly funktioniert es noch immer.
Dann schau ich mir später mal noch den FX 89 mit Testprofil an.
Im Nightly hab ich es nicht getestet.
Jetzt eben in einem Nightly getestet, in dem überhaupt kein CSS-Code mitspielt - nur der aus #2 => funzt, es bleiben keine Lücken.
Aber, was mich sowieso auch gestört hatte - ich kann keine inaktiven Tabs schließen. Ich muss den Tab erst anklicken, dann erscheint das Kreuz zum Schließen.
Mal sehen, wie der Resttag so läuft - vielleicht teste ich noch bisschen heute Abend damit.
Ich denke mal, alle die sich hier am Thread beteiligt haben, benutzen Win10.
Ich benutze kein Windows, sondern openSUSE.
Im Nightly hab ich es nicht getestet.
Habe ich mehrere Tabs geöffnet und ich schließe einen dieser Tabs, so bleibt an der entsprechenden Stelle eine Lücke zurück. Die Tabs werden nicht neu linksbündig ausgerichtet. Danach neu hinzugekommene Tabs werden hinzugefügt, die Lücken bleiben aber an der alten Stelle zurück.
Auch wenn es bei der Problemlösung nicht weiter hilft - ich hatte den CSS-Code auch bei mir eingebaut und genau das gleiche "Erlebnis".
Nur war mir das nicht so wichtig und der Code flog wieder weg ...
Und für die extra Suchleiste rechts neben der Adressleiste hätte icih auch gerne.
Steht doch schon mit im 2. Post
Stichwort #searchbar
Guten Abend,
coole Sache - gefällt mir
und hab ich mir gemopst.
Vielen Dank ![]()
Auf das Hamburger Menü
Teste bitte wieder:
Das hab ich mir doch gleich mal gemopst
Danke dafür ![]()
So ist es perfekt ![]()
In deinem Code war der "border-radius" verschwunden ![]()
/* keine Größenänderung der Adressleiste und Rahmen bei Klick */
#urlbar-background {
border-radius: 16px !important;;
}
#urlbar[breakout][breakout-extend]{
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}
#urlbar {
--toolbar-field-focus-border-color: #0bb911 !important;
}
Alles anzeigen
Ok, ich versuch es mal. Vielen Dank an dich und schönen Abend ![]()
da hast du natürlich recht ... Typo ![]()
Super, Klasse, Perfekt
Dankeschön ![]()
Den alten Eintrag hab ich auskommentiert. Kann ich da eigentlich jetzt alles zu "#urlbar[breakout][breakout-extend] > #urlbar-input-container" entfernen?
Warum schreibt man diesen ganzen Pfad mit?
In diesem Fall hatte ich das einfach nur kopiert aus Beitrag Nr. 2
Alles klar. Danke dir.
PS: hast du evt. noch eine Idee zu meiner nicht mehr grün umrandeten Urlbar
(siehe anderer Beitrag von mir von heute)
Das einzige, was ich selbst grad hinbekomme wäre das hier als weitere Eigenschaft:
-moz-box-ordinal-group: 2 !important;
Danke. Das sieht doch schon mal gar nicht schlecht aus.
Gefunden hatte ich .tab-context-linie eigentlich schnell, aber das Probieren mit der Position ist mir eben auch nicht gelungen ![]()
Ja, das funktioniert genau so
Danke dir.
Eine Frage dazu: Warum schreibt man diesen ganzen Pfad mit?
Wenn ich nur .tab-context-linie eingebe, funzt das auch.
Hallo,
ich benutze sehr gern diese Container. Nun erscheint seit der neuen Version (glaub ich) die Kennzeichnung als farbige Linie über dem Tab (siehe Bild).
Stört mich insofern, dass ich sie gern unter dem Tab hätte.
Ist das möglich und wenn ja wie ![]()

Hallo ![]()
ich muss mich nun auch mal wieder melden ![]()
Meiner urlbar hab ich bisher bei Klick damit einen grünen Rahmen gegeben. Das funktioniert nun nicht mehr.
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
border: 2px solid #0bb911 !important;
border-radius: 16px !important;
}
Nun hab ich schon 'ne ganze Weile gesucht und glaubte eigentlich den richtigen Weg gefunden zu haben, aber leider nicht.
Damit geht es nicht:
#urlbar:is([focused="true"] > #urlbar-input-container {
border: 16px !important;
border-color: #0bb911 !important;
}
Wie sprech ich die Urlbar mit Fokus an? Kann mir da bitte jemand helfen?
Vielen Dank vorab ![]()
Wenn ich es so mache, funktioniert es ein bisschen:
Ich glaube, da spielen noch andere (alte) Einträge für die urlbar eine Rolle.
Hier mal der komplette CSS-Code für die urlbar:
/* keine Größenänderung der Adressleiste und Rahmen bei Klick */
#urlbar-background {
border-radius: 16px !important;;
}
#urlbar > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
border: 2px solid lightgray !important;
border-radius: 16px !important;
}
#urlbar[breakout][breakout-extend]{
top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
left: 0 !important;
width: 100% !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
height: var(--urlbar-height) !important;
padding-block: 0 !important;
padding-inline: 0 !important;
border: 2px solid #0bb911 !important;
border-radius: 16px !important;
}
#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
animation-name: none !important;
}
#urlbar[breakout][breakout-extend] > #urlbar-background {
box-shadow: none !important;
}
Alles anzeigen