Beiträge von reni

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;
}

Kann es möglich sein, dass Änderungen an der Größe der Lesezeichen-Symbolleiste hier noch mit schuldig sind?

/* Größe Lesezeichen-Symbolleiste */
#PersonalToolbar .toolbarbutton-text {
    font-size: 10px !important; 
    }

Zitat von Dharkness

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.

Zitat von reni

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.

Zitat von BrokenHeart

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.

Zitat von Pentomino

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 ...

Zitat von Dato

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

Zitat von 2002Andreas

Zitat von Arsen

Auf das Hamburger Menü

Teste bitte wieder:

CSS

#appMenu-multiView .subviewbutton {
  padding-block: 0 !important;
  padding-inline-start: 9px !important;
   font-size: 14px !important;    
}

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;
}

Ok, ich versuch es mal. Vielen Dank an dich und schönen Abend

milupo

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?

Zitat von 2002Andreas

Zitat von reni

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)

Zitat von .DeJaVu

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

2002Andreas,

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:

#urlbar {
--toolbar-field-focus-border-color: #0bb911 !important;
}

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;
}

Ok und danke für deine Erklärung.

Hallo und Guten Abend,

eigentlich sagt mein Betreff schon (fast) alles

Seit mir diese Tab-Umgebungen im Nightly aufgefallen sind, versuche ich es immer wieder mal, diese auch zu nutzen.

Geht nur nicht so schick, wie mit dieser o.g. Erweiterung

Mir fehlt die feste Zuordnung von Web-Seiten / Bookmarks zu den Umgebungen. Man muss immer erst den Tab in der gewünschten Umgebung öffnen und dann darin die Seite.

Ist evt. etwas bekannt, dass die implementierte Fx-Funktion dahingehend noch verbessert/verändert wird?

So könnte ich mir wieder ein Add-On sparen

Oder hab ich gar etwas in der Benutzung der Tab-Umgebungen übersehen?

Da das Problem bei einem anderen User nicht auftritt und auch bei mir mit neuem Fx-Profil alles ok ist, werde ich mein Arbeitsprofil neu erstellen.

Evt. komm ich ja beim sukzessive Einrichten des neuen Profil an der Fehlerquelle vorbei