Beiträge von Mira_Belle

  • Tabform

    Zitat von Horstmann

    ...

    Wenn ich dich nochmal belästigen dürfte: ;)

    Ich bin mal so frei!

    Funktioniert,

    wenn man den kleinen Fehler in Zeile 93 korrigiert.

  • Tabform

    Ich habe in "meinem" Code einfach mal die Selektoren

    Zeile 185

    CSS
    .tabbrowser-tab:not([pinned]):last-of-type .tab-background::after,
.tabbrowser-tab:is([visuallyselected], [pinned]) .tab-background::after

    gegen

    CSS
    .tabbrowser-tab[visuallyselected] .tab-background::after,
.tabbrowser-tab:last-of-type .tab-background::after

    getauscht.

    Funktioniert :!:

    Aber, müsste es nicht .tabbrowser-tab:is([visuallyselected]) .tab-background::after heißen?

    Funktioniert auch.

  • Tabform

    Ich möchte mich mal ganz, ganz <3lich bei @Horstmann bedanken.

    Nicht nur, dass er recht oft am Code herumgefeilt hat, ohne ihn hätte ich das nie geschafft!

    :*

    Auch einen großen Dank an 2002Andreas , hat er sich doch die Zeit genommen und diverse Tests durchgeführt.

    <3lichen Dank.

    Ja und ohne Sören Hentzschel wäre das alles sowieso nicht möglich, denn dann gäbe es dieses Forum gar nicht.

    Auch Dir ein ganz fetter Dank.

  • Tabform

    Nun bin ich auch in "meiner" Version diesen Bug los!

    Ihr wisst schon, Multiselekt und dann einen anderen Tab als den zuletzt Aktiven anklicken.

    Was bei mir noch nicht so ganz hinhaut, bei Multiselekt die Rahmen des Tabs direkt nach dem Aktiven!

    Der Selektor dafür ist auch so ein "Monster" und ich bin noch nicht dahintergekommen,

    wie der zu zerlegen ist.


    Es ist vollbracht!

    Was für eine Geburt :!:

    Die Selektoren musste ich mir erarbeiten.

    .tabbrowser-tab:is([visuallyselected]):not([pinned]) + .tabbrowser-tab:is([visuallyselected], [multiselected]) .tab-background

    Der erste Tab direkt nach dem aktiven Tab bei Multi :!:

    Dann musste ich ja auch noch die unteren "Bögen" der nachfolgenden Tabs anpassen,

    hier der Selektor dafür:

    .tabbrowser-tab:is([selected], [multiselected]) .tab-background

    Himmel war das schwer.

    /*************************************************************************/

    Korrektur!

    Wenn auch der letzt Tab im Mult ausgewäht wird (wurde), war da ein kleiner Strich (Rahmen)

    am Ende vor der Grafik zu sehen. Da gehört aber nichts hin!

    CSS
        .tabbrowser-tab:is( [multiselected]):last-of-type .tab-background {
        border-right: none !important;
    }

    Habe ich nach getragen :!:

    /*************************************************************************/

    Hier nun der komplette Code basierend auf eine ältere Version von Horstmanns Vorlagen.

    (Beitrag #56)

    Sorry, ist noch am Ende nicht bereinigt, bzw, die Selektoren noch nicht richtig plaziert.

    Und die Vektorgrafik ist im Beitrag #56 zu finden.

  • Tabform

    Zitat von Horstmann
    ...

    Meine Entschuldigung für die Verwirrung; ich hätte nicht Codes rauswerfen sollen ohne eine aktuelle Version benutzen zu können. :(

    Quatsch.

    Ein bisschen was muss doch zum Hirnschmalz anstrengen auch für andere übrigbleiben.

    Und ich glaube, ich habe eine Lösung.

    Muss noch ein paar Tests machen.

    Hat geklappt!

    Der Code muss nur wie folgt abgeändert werden:

    Aus

    CSS
    .tabbrowser-tab:not([pinned]):is([visuallyselected], :last-of-type) .tab-background::after {    
        right: calc(0px - var(--ug-corner-size) / 2);
    /*    background-image: url(icons/tab_corner_ug.svg) !important; */
        background-image: url("../tabs_5/tab_corner_ug.svg") !important;
        transform: scaleX(-1) !important;
    }

    wird

    CSS
    .tabbrowser-tab:not([pinned]):last-of-type .tab-background::after,
.tabbrowser-tab:is([visuallyselected], [pinned]) .tab-background::after {    
        right: calc(0px - var(--ug-corner-size) / 2);
    /*    background-image: url(icons/tab_corner_ug.svg) !important; */
        background-image: url("../tabs_5/tab_corner_ug.svg") !important;
        transform: scaleX(-1) !important;
    }

    Verwendet habe ich den Code aus Beitrag #69

  • userChrome.js Scripte für den Fuchs (Diskussion)

    Verstehe ich gerade nicht!

    Heißt das, ich ändere Code z.B. in der userChrome.css brauche ich nur auf dem Button mit der linken Maustaste klicken,

    und die Änderungen werden ohne Neustart übernommen?

    Und ändere ich etwas an der userContent.css, dasselbe Prozedere mit rechts?

    Denn bisher nutzte ich dazu einen Neustartbutton inkl. Cache leeren.

  • Tabform

    2002Andreas & @Horstmann

    Genau das ist es!

    Das war aber auch schon bei früheren Versionen so!

    Das komische aber ist, dass das eben bei den Änderungen, die ich am Code vorgenommen habe

    nur noch dann auftritt, wenn man bei Multiselekt wieder zurückgeht, also einen den nicht aktiven Tab anklickt.

    Misst, wie erkläre ich das?

    Letzter Tab aktiv, viert oder fünf Tabs davor markieren (multiselekt) und dann einfach z.B. den zweiten oder dritten Tab

    anklicken und dadurch zum Aktiven machen. Schon fehlt da die Grafik.

  • Tabform

    Es ist leider auf Andreas Bilder nicht genau erkennbar, ob, wenn der erste Tab aktiv ist,

    auch bei den nachfolgenden Tabs die rechte Grafik fehlt.

    Was mich aber auch irritiert, und das hatte ich auch bei mir so gesehen, dass Grafiken sich

    überschneiden, wo eine von beiden gar nicht da sein sollte!

    Beitrag #75 Auf beiden Bildern zu sehen, zweiter und dritter Tab!

    Was wiederum in Beitrag #73 so nicht auftritt, ABER eben das mit der fehlenden Grafik!

    Drittes Bild, vierter Tab, Aktiv, aber die rechte Grafik fehlt.


    Neu getestet! Ich habe nun nur noch den Fehler mit der fehlenden Grafik bei aktivem Tab,

    wenn dieser nicht der Letzte ist!

  • Tabform

    @Horstmann

    Im Hauptprofil sowie in dessen Kopie funktioniert es ja auch.

    Ich meine mich erinnern zu können, dass da eine Einstellung unter about:conig gemacht werden musste.

    Bin mir da aber nicht so sicher.

    Ist aber auch erst einmal Wurscht, es soll ja um den Code gehen und die Ungereimtheiten die damit auftreten.

    Kann ja sein, wie Du schon vermutest, dass da die Firefoxversionen einen Unterschied machen.

    Und das könnte dann auch des Rätsels Lösung sein, in dem von mir angesprochenen Bug, der ja vielleicht gar keiner ist. ;)

    Mal schauen, ob Andreas das mit den zwei Versionen (115esr & 119) überprüfen kann.

  • Tabform

    Ich war/bin so frei und habe das neue CSS mal getestet.

    Als Erstes in einer Kopie meines Arbeitsprofils.

    War nicht so, wie ich erwartete und es traten Fehler auf.

    Um aber auszuschließen, dass das an eben diesem Profil mit all den anderen "Anpassungen" liegt.

    Habe ich ein neues cleanes Profil erstellt und für CSS fit gemacht.

    Hier die Bilder:

    Ich habe einen hellen Hintergrund gewählt, damit man besser sehen kann, dass da die Vektorgrafiken

    nicht transparent werden.

    Denke aber, dass es daran liegen könnte, dass in about:config eine Einstellung dafür getätigt werden muss.

    Aber darum soll es gar nicht gehen!

    Zum Bild.

    Erste "Zeile", erster Tab aktiv, rechte Grafik fehlt.

    Zweite "Zeile", zweiter Tab aktiv, rechte Grafik fehlt.

    Dritte "Zeile", letzter Tab aktiv, alles i.O.

    Bei Multiselekt verhält es sich genau so.

    Wäre nun richtig toll, wenn jemand anderes auch mit einem Windows das überhüpfen könnte.

    Danke :*

    2002Andreas Wärst Du mal so lieb und könntest Du auch mal testen?

  • Tabform

    OK, ich gebe Dir recht, ich hätte mehr "Bilder" machen sollen.

    Aber da ich, ja nun dank Deiner Hilfe, einen für mich passablen Code habe,

    sollten wir uns doch nicht wegen ein paar Missverständnisse in die Haare kriegen.

    Ich bin gerade dran in einem jungfräulichen Profil Deinen neuen Code noch einmal auseinander zunehmen

    und so richtig warm will ich mit diesem einfach nicht werden.

    Vielleicht liegt es aber auch an der Uhrzeit, oder weil es gerade regnet, wer weiß.

    Wünsche Dir eine gute Nacht und noch einen schönen Sonntag.

  • Tabform

    Zitat von Horstmann

    Du hast sie wieder unten wild verändert, oben im :root Block fehlt die Hälfte meiner Variablen, das kann vermutlich so nicht sauber klappen, kein Wunder wenn es Probleme gibt. ?(

    OK, Du bist über meine Veränderungen nicht wirklich sehr angetan.

    Es funktioniert, und zwar meiner Meinung nicht nur halbwegs.

    Einzig bei Multiselect werden nicht alle Ränder sauber, bzw. richtig dargestellt

    und der Bug, den ich schon weiter oben beschrieb, ist auch vorhanden.

    Das mit den falschen Farben werde ich noch irgendwann angehen,

    jedoch stört es mich nicht, da ich Multiselect nie nutze.


    Und dass ich unten die Variablen "wild verändert" habe, hat einen einfachen Grund.

    Die Rahmen wurden im originalen Code oft zweimal gebildet.

    Wurden jedoch die Farben der verschiedenen Variablen unterschiedlich definiert,

    sah das irgendwie nicht so dolle aus!

    Zuerst fiel mir das beim aktiven Tab auf, dann aber auch bei anderen Tabs.

    So kam es zu den Veränderungen.

  • Tabform

    Als Erstes möchte ich mich bei Dir @Horstmann noch einmal bedanken.

    Selbstverständlich sollst Du meinen angepassten Code des Deinen nicht überarbeiten!

    Was die "Einstellung" angeht, zwecks Tableiste nach unten, das passt so.

    Habe ich in einem "jungfräulichen" Profil nochmals überprüft.

    In meiner Version Deines Codes sind noch ein paar kleine Bugs betreffend des Multiselect vorhanden.

    Stört mich jetzt weniger, aber wenn es mich überkommt, gehe ich da auch noch mal ran.

    Wenn ich jetzt nichts übersehen habe, war putzen, sollten alle Farben über Variablen definiert sein.

    Meine Variablen werden "global" in einer eigenen Datei festgelegt!

    Ok, ich bin nun doch recht zufrieden mit dem Ergebnis, dass ich Dank Deiner Hilfe und Vorlagen

    da so zusammen geschustert habe.

    Hier mal der komplette Code inkl. Variablen:

    Und hier mal ein Screenshot:

    Was den Farbferlauf der Tabs angeht, da lasse ich mir Zeit

    und werde mich wohl noch etwas mit Masken beschäftigen müssen, denke ich.

  • Tabform

    4:30 Uhr, wach, Gedanken kreisen, kann nicht mehr einschlafen!

    ABER ich habe ja diese Ablenkung. Danke.

    Der neue Code ist wirklich fein und ich habe ihn meinen Vorstellungen angepasst.

    Auch habe ich Neues entdeckt, eine Funktion, die ich nie nutzte!

    " Multiselekt" !

    Für was braucht man sowas? Egal!

    Leider ist da aber der Wurm drin.

    Denn wenn mehrere Tabs ausgewählt wurden und man dann auf einen Tab,

    aber eben nicht der aktive Tab, klickt, fehlt da eine Vektorgrafik.

    Und hier mal meine Version.

  • Tabform

    Zitat von Horstmann

    ...

    Es gibt verschiedene Möglichkeiten das zu regeln; Farbe wäre dann wie der Rest der Umrandungen:

    ...

    Oh, soweit war ich auch schon, nur den "statischen" Rahmen meinte ich gar nicht.

    :hover

    Das bekomme ich einfach nicht hin!

    Und hier mal Dein Code, mit meinen Anpassungen.

    War gar nicht so einfach die richtigen Stellen im Code zu finden,

    um die Außenlinien immer passend in der Farbe zu ändern.

    Zum Code muss ich aber noch sagen, dass ich eine eigene root.css für diverse Variablen habe,

    also auch für die Farben.

    Der Code für die Tabs:

    Zitat von Horstmann

    Keine Sorge, der Code ist generell noch der gleiche in der Struktur, nur etwas aufgeräumter, und die Grafik ist hoffentlich besser. ;)

    Ja, auf den ersten Blick sah das schon viel besser aus.

    Nur muss ich zuschauen, ob ich die Außenlinien des aktiven Tabs und der inaktiven Tabs da auch getrennt ansprechen kann.

    Wenn ja, ist der neue Code, so glaube ich, viel einfacher, aber das sehe ich mir erst ab Montag näher an.

    Vorher habe ich da keine Zeit für, oder ich schlage mir die Nächte um die Ohren und hänge dann Tagsüber in den Seilen.

    Wäre nicht wirklich so gut, denn es gibt viel zu tun.

    In diesem Sinne, bis nächste Woche.