1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. Horstmann

Beiträge von Horstmann

  • FFX 118 | Tableiste GANZ unten (unter Fenster) CSS-Code + Skript ?

    • Horstmann
    • 18. Oktober 2023 um 09:40
    Zitat von ^L^

    Hi, Horstmann, hab ja doch noch eine ''Design-Frage'' zu FFX 115. :/ ;) Wo hakt's hier in der UserChrome?

    Meinst du die Fensterbuttons unten rechts, mit dem grünen Rand?

    Die hast du wieder aktiviert, vielleicht nicht mit Absicht?

    Vorher stand das hier in meiner und deiner alten CSS, um sie zu verstecken, das ist aber aus deiner neuen CSS gelöscht:

    CSS
    #TabsToolbar > .titlebar-buttonbox-container {
        display: none !important;
    }

    Dann geht's vermutlich noch um den Abstand unter der Menüleiste, auch grün umrandet?

    Das kann ich auf meinem Mac nicht sehen, hier ist die Menüleiste anders bzw gar nicht eingebunden im Layout.

    Da müsste evtl. mal 2002Andreas draufschauen, könnte an dienen Änderungen der #toolbar-menubar Höhen liegen.

    Oder versuch mal den Erweiterungs Button (uBlock?) und sonstige Buttons aus der Menüleiste rauszuziehen.

  • FFX 118 | Tableiste GANZ unten (unter Fenster) CSS-Code + Skript ?

    • Horstmann
    • 16. Oktober 2023 um 11:10
    Zitat von ^L^

    Hmm, da sind aber die Erweiterungsicons abgeschnitten; da geht noch was. :/

    Wenn du möchtest, kannst du nur das mal alternativ für die Navbar Höhe testen; ist wie auch übrigens die andere CSS für Normal statt Kompaktmodus gemacht, sollte aber in beidem funktionieren.

    Perfekt ist der Test wohl nicht, aber scheint halbwegs zu klappen.

    CSS
    /**  Navbar bar height test  6r  **/
    
    
    :root {
        --ug-urlbar-height: 24px !important;
    }
    
    #urlbar-container, #search-container {
        height: var(--ug-urlbar-height) !important;
    }
    
    #urlbar:not([searchmode], [breakout-extend]), #searchbar {
        height: calc(var(--ug-urlbar-height) - 2px) !important;
        min-height: 0px !important;
        font-size: 13px !important;
    }
    
    #urlbar[usertyping] #urlbar-input-container {
        align-items: center !important;
    }
    
    #nav-bar {
        background: khaki !important;
        --toolbarbutton-inner-padding: 2px !important;
        --toolbarbutton-outer-padding: 4px !important;
        padding-inline: 6px !important;
    }
    
    #nav-bar toolbarbutton {
        height: var(--ug-urlbar-height) !important;
        width: var(--ug-urlbar-height) !important;
    }
    Alles anzeigen
  • Alter Fehler: Hinauf-Scrollen von Lesezeichen (auch Amazonsuche) funktioniert nicht mehr

    • Horstmann
    • 15. Oktober 2023 um 21:58
    Zitat von ^L^

    danke für dein Mühe und Ausdauer!

    Nuja, erstmal hab ich's ja verbockt... ;)

    Dabei weiss ich sogar warum der Code so aussehen sollte, und hab auf genau das Problem getestet - aber das übersehen. ;)

    Wundert mich dass es auf Webseiten auch eingewirkt hat, aber manchmal gibt's da Überschneidungen mit userChrome.css; hoffe es passt jetzt.

  • FFX 118 | Tableiste GANZ unten (unter Fenster) CSS-Code + Skript ?

    • Horstmann
    • 15. Oktober 2023 um 21:31
    Zitat von ^L^

    Das Hinaufscrollen bei langen Lesezeichen (auch auf Amazon) funktioniert bei mir nicht mehr.

    Hab ich vergeigt, ich hätte meinen eigenen (bzw. gefundenen) Code nehmen sollen, statt deinen nur blind umzubauen... ?(

    Das hier, wie schon in der anderen Thread erwähnt, muss ersetzt werden, ich mach das gleich auch oben in der CSS:

    CSS
    /* Tabs in Tableiste mittig */
    
    
    scrollbox:not(#PlacesToolbarItems) {
        justify-content: center !important;
    }

    Das sollte so sein:

    CSS
    #tabbrowser-tabs:not([overflow="true"]) {
        --ug_tabs_position: center;
    }
    
    scrollbox[orient="horizontal"] {
        justify-content: var(--ug_tabs_position, initial) !important;
    }
  • Alter Fehler: Hinauf-Scrollen von Lesezeichen (auch Amazonsuche) funktioniert nicht mehr

    • Horstmann
    • 15. Oktober 2023 um 21:27
    Zitat von ^L^

    Bei mir stoppt das Hinaufscrollen im Lesezeichenmenü (es fehlt der Anfang).

    Mein Fehler.... :(

    In deiner userChrome.css muss das hier:

    CSS
    /* Tabs in Tableiste mittig */
    
    
    scrollbox:not(#PlacesToolbarItems) {
        justify-content: center !important;
    }

    ... mit sowas wie dem hier ersetzt werden:

    CSS
    #tabbrowser-tabs:not([overflow="true"]) {
        --ug_tabs_position: center;
    }
    
    scrollbox[orient="horizontal"] {
        justify-content: var(--ug_tabs_position, initial) !important;
    }
    Zitat von .DeJaVu

    Du hast ein CSS in Gebrauch, dass Firefox zur Umsetzung von Listen für sich anwendet. IMO war es BrokenHeart, die das herausgefunden hat.

    Ärgerlich, dabei hatte ich den korrekten Code schon von hier, hab dann doch nur doof den von seiner alten CSS übernommen... :|

  • Lesezeichensymbolleiste soll wieder unter die Menüleiste

    • Horstmann
    • 15. Oktober 2023 um 14:43
    Zitat von 2002Andreas

    Die Tableiste lässt sich auch nicht mehr per: order nach unten verschieben.

    Dafür braucht es jetzt einen CSS Code oder ein Skript.

    Dank für die Info, kommt in meine Liste für die Zeit nach 115esr... ;)

  • Lesezeichensymbolleiste soll wieder unter die Menüleiste

    • Horstmann
    • 15. Oktober 2023 um 13:06
    Zitat von 2002Andreas
    Zitat von Horstmann

    Evtl. das hier mal probieren:

    Ergibt hier:

    Ist ein Mac Ding, hier gibt es die #toolbar-menubar nicht als verschiebbares Element, die ist oben in der Mac System Menüleiste festgenagelt.

    Daher kann ich das leider nicht testen...

  • Lesezeichensymbolleiste soll wieder unter die Menüleiste

    • Horstmann
    • 15. Oktober 2023 um 12:54

    Evtl. das hier mal probieren:


    CSS
    #toolbar-menubar {
        order: 1 !important;
    }
    #PersonalToolbar {
        order: 2 !important;
    }
    #nav-bar {
        order: 3 !important;
    }
    #titlebar {
        order: 4 !important;
    }
    Alles anzeigen
  • FFX 118 | Tableiste GANZ unten (unter Fenster) CSS-Code + Skript ?

    • Horstmann
    • 15. Oktober 2023 um 12:33
    Zitat von ^L^

    MEIN ZIEL: Nicht die Tabs höher machen, sondern die ganze Tableiste niedriger, aber wie? :/

    Vorzugsweise auch die obere Menüleiste und die Suchleiste verschmälern. :thumbup:

    Für die Tableiste könntest du das hier noch probieren, das sollte auch den Rest deiner userChrome.css beinhalten; die Tabs sind hier unten angeheftet, mit einer Lücke nach oben, wie in deinem ersten Screenshot, die Buttons sollten passen.

    CSS
    /* Test tab height 3 */
    
    :root {
        --tab-min-height: 20px !important;
        --tabs-navbar-shadow-size: 0px !important;
        --inline-tab-padding: 4px !important;
        --ug_tab_gap: 4px;
    }
    
    #TabsToolbar, #TabsToolbar-customization-target {
        max-height: calc(var(--tab-min-height) + var(--ug_tab_gap)) !important;
    }
    
    /* tabs connected bottom */
    .tab-background {
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        margin-block: var(--ug_tab_gap) -1px !important;
    }
    
    .tab-content {
        margin-top: var(--ug_tab_gap) !important;
        padding: var(--inline-tab-padding) !important;
    }
    
    .tab-label {
        margin-block: 0 !important;
    }
    
    .tab-close-button {
        width: calc(var(--tab-min-height) - 4px) !important;
        height: calc(var(--tab-min-height) - 4px) !important;
        padding: var(--toolbarbutton-inner-padding) !important;
    }
    
    #scrollbutton-up,
    #scrollbutton-down {
        border-top-width: 2px !important;
        border-bottom-width: 2px !important;
    }
    
    /* Tabs Breite */
    #tabbrowser-tabs .tabbrowser-tab:not([pinned]) {
        min-width: 60px !important;
        flex: 0 !important;
    }
    
    /* Tabs in Tableiste mittig */
    #tabbrowser-tabs:not([overflow="true"]) {
        --ug_tabs_position: center;
    }
    
    scrollbox[orient="horizontal"] {
        justify-content: var(--ug_tabs_position, initial) !important;
    }
    
    
    #TabsToolbar > .titlebar-buttonbox-container {
        display: none !important;
    }
    
    .titlebar-spacer {
        /*display: none !important;*/
        width: 6px !important;
    }
    
    
    /* Tableiste Hg Farbe */
    #TabsToolbar {
        background: #009C31;
    }
    
    /*Aktiver Tab HG orange*/
    .tabbrowser-tab[visuallyselected="true"] .tab-background{
       background: orange !important;
    }
    
    /*Inaktiver Tab Schrift schwarz = Standard*/
    .tabbrowser-tab:not([visuallyselected="true"]) {
       color: white !important;
    }
    
    /*  Tabs Ende  */
    
    /* Farbe 1: Thumb - Farbe 2: Hintergrund*/
    :root { 
        scrollbar-color: grey transparent;
    }
    
    /* Farbe 1: Thumb - Farbe 2: Hintergrund */
    :root:active { 
        scrollbar-color: darkgreen transparent; 
    }
    
    #statuspanel-label {
      border: none !important;
      background: royalblue !important;
      color: white !important;
      font-size: 12pt;
      font-weight: normal !important;
    }
    
    #sidebar-box {
        max-width: 20px;
    }
    
    
    
    
    /* POPUP und KONTEXT Menus */
    arrowscrollbox:not(#tabbrowser-arrowscrollbox), menupopup, popup {
        -moz-appearance: none!important;
        width: 350px !important; /* vorgegebene Breite der Popup-Fenster */
        border-radius: 6px !important;
        # border: 1px grey !important; /* Umrandung/Farbe */
        # padding: 10px 10px 10px 10px !important; /* Ausrichtung */
    } 
    
    /* Zeilen anpassen */    
    menupopup > menu ,menupopup > menuitem,popup > menu ,popup > menuitem  {
        -moz-appearance: none !important;
        min-height: 20px !important; /* vorgegebene Hoehe der Zeilen */
        max-height: 30px !important;
        -moz-opacity: 1.0 !important;
        border-radius: 6px !important;
        border: 1px solid grey !important; /* Umrandung/Farbe */
    }
    
    /* Hintergrund/Umrandung/Ausrichtung - aller Popup */
    menupopup { 
       border: 2px grey !important; /* Umrandung/Farbe */
       padding: 6px 6px 6px 6px !important; /* Ausrichtung */
       background: #transparent  /* #lightgrey */ !important; /* Hintergrund */
       font-size: 11pt !important; /* Schriftgroesse */
       border-radius: 10px !important;
    }
    
    #main-menubar > menu {
      font-size: 8pt!important;
     }
    
    #main-menubar > menu:is(:hover,[open],[_moz-menuactive]) {
      background-color: darkorange !important; 
    }
    Alles anzeigen


    Für die Lesezeichenleiste könnte sowas schon reichen, musst du mal probieren:

    CSS
    /**  Bookmarks bar height test  **/
    
    #PersonalToolbar {
        height: 24px !important;
    }

    Die Navbar ist komplizierter; hab ich selber zwar auch dünner gemacht, aber da hängt noch einiges andere bei mir mit dran.

  • FFX 118 | Tableiste GANZ unten (unter Fenster) CSS-Code + Skript ?

    • Horstmann
    • 14. Oktober 2023 um 23:00
    Zitat von ^L^

    Moment, in dem Screenshot sind die Tabs plötzlich nicht mehr unten abgeschnitten. :/

    Das ist etwas irritierend, wenn die Screenshots nicht mit dem CSS Code übereinstimmen... X/

  • FFX 118 | Tableiste GANZ unten (unter Fenster) CSS-Code + Skript ?

    • Horstmann
    • 14. Oktober 2023 um 20:56
    Zitat von ^L^
    CSS: UserChrome.css
    :root{ 
       /* Farbe 1: Thumb - Farbe 2: Hintergrund*/
      scrollbar-color: grey transparent;
         }
     
    :root:active { 
       /* Farbe 1: Thumb - Farbe 2: Hintergrund*/
      scrollbar-color: darkgreen transparent; 
         }
    
    #statuspanel-label {
      border: none !important;
      background: royalblue !important;
      color: white !important;
      font-size: 12pt;
      font-weight: normal !important;
    }
    
    #sidebar-box {
    max-width: 20px;
    }
    
    /*Tableiste nach ganz unten*/
    #TabsToolbar {
    margin-bottom: 0px !important; /* Abstand nach unten*/
    background: #009C31;/* Hintergrundfarbe*/
    bottom:0 !important;
    width:100% !important;
    }
    #tabbrowser-tabs tab {
    max-width:10px!important; /*Tabbreite*/
    height: 22px !important;
    flex: 0 !important;
    }
    #main-window {
    padding-bottom: 30px !important;
    }
    #TabsToolbar > .titlebar-buttonbox-container {
    display: none !important;
    }
    
    /*Tabs in Tableiste mittig*/
    scrollbox:not(#PlacesToolbarItems) {
        justify-content: center !important;
    }
    
    /*Aktiver Tab HG orange*/
    .tabbrowser-tab[visuallyselected="true"] .tab-background{
       background: orange !important;
    }
    
    /*Inaktiver Tab Schrift schwarz = Standard*/
    .tabbrowser-tab:not([visuallyselected="true"]) {
       color: white !important;
    }
    
    .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
      display: none !important;
    }
    Alles anzeigen

    Bist du sicher, dass das dein aktueller CSS Code/bzw. die komplette userChrome.css ist?

    Ich habe hier leider nur 115esr zum Testen, und bin auf Mac, aber ich bekomme weder abgeschnittene Tabs mit dem Code, noch sind die Tabs so schmal wie in deinen Screenshots.

    Ich kann mir auch nicht vorstellen, wie dieser CSS Code das überhaupt anstellen könnte. :/

    Als Javascript für Tabs unten benutze ich das aus deinem ersten Beitrag, GanzUnten.uc.js.

  • FFX 118 | Tableiste GANZ unten (unter Fenster) CSS-Code + Skript ?

    • Horstmann
    • 14. Oktober 2023 um 13:34
    Zitat von ^L^

    Hurrah! Passt!

    Prima! :)

    Aber deine Tabs sehen unten abgeschnitten aus. :/

    Stell evtl. den gesamten, momentan aktuellen CSS Code rein, damit man da noch mal draufschauen kann - ausser du willst es so haben.

  • FFX 118 | Tableiste GANZ unten (unter Fenster) CSS-Code + Skript ?

    • Horstmann
    • 14. Oktober 2023 um 08:15
    Zitat von ^L^

    Danke erstmal. Das Tabs-in-der-Mitte.CSS funktioniert leider (noch) nicht. Hab ein weiteres CSS gefunden,

    das aber auch nicht greift ...

    CSS
    /* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/centered_tab_content.css made available under Mozilla Public License v. 2.0
    See the above repository for updates as well as full license text. */
    
    .tabbrowser-tab[selected]:not(:hover):not([pinned]) .tab-label-container,
    #tabbrowser-tabs:not([closebuttons="activetab"]) .tabbrowser-tab:not(:hover):not([pinned]) .tab-label-container{
      padding-inline-end: 6px !important;
    }
    .tab-icon-stack{
      margin-inline-start: auto
    }
    .tab-label-container{
      max-width: min-content;
      margin-inline-end: auto;
    }
    Alles anzeigen

    Dieser Code ist für den einzelnen Tab Inhalt, nicht für die Tabsleiste selber.

    Probier mal den hier, wobei hier mein obiger Code auch geht:

    CSS
    /* Tabs in Tableiste mittig */
    
    scrollbox:not(#PlacesToolbarItems) {
        justify-content: center !important;
    }
    Zitat von ^L^

    ZWISCHENSTAND: Bin fast durch, der alte ESR Chrome-Ordner (siehe oben) dient als Basis.

    Geht doch! :) :thumbup:


    Zitat von ^L^

    NOCH OFFEN: Die mittigen Tabs fehlen noch, und ganz rechts ist ein leeres Feld ...

    Das Feld ist vermutlich der rechte Spacer, damit wären beide rechts und links ausgeschaltet, oder du suchst dir nur einen aus:

    CSS
    .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
      display: none !important;
    }

    Oder du änderst einfach die Breite nach Wunsch, 40px sind Fx Standard (Farbe nur zum Testen):

    CSS
    .titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"] {
        background-color: darkorange !important; 
        width: 12px !important; 
    }


    Für die schmale Tab Breite könntest du deinen entsprechenden CSS Code (Zeile 30-33) damit ersetzen:

    CSS
    #tabbrowser-tabs tab {
        height: 22px !important;
    }
    
    /*Tabbreite*/
    #tabbrowser-tabs .tabbrowser-tab:not([pinned]) {
        min-width: 60px !important;
        flex: 0 !important;
    }
  • FFX 118 | Tableiste GANZ unten (unter Fenster) CSS-Code + Skript ?

    • Horstmann
    • 13. Oktober 2023 um 14:38
    Zitat von ^L^
    Zitat von 2002Andreas

    PS:

    Oder willst du jetzt, dass sich hier ein user die Arbeit macht, alles raussucht, und dir dann auf dem silberen Tablet eine .zip Datei erstellt, während du gemütlich einen Kaffee trinkst ;)

    So in der Art. Ich suche halt (hoffe auf) eine(n) ''Tüftler(in)'', der/die sowas gern macht und als Hobby sieht ... :whistling:

    Man hilft ja gerne, aber wie Andreas schon gesagt hat, ein Minimum an Bemühung sollte schon da sein. :/

    Wer das nicht mitbringt, sollte vielleicht keine Modifikationen benutzen; auch mit aller Unterstützung regeln sich solche Anpassungen sowieso nie von alleine.

    Dazu kommt, dass es auch wirklich wichtig ist bei der Fragestellung möglichst viel an Information zu liefern; du hast noch nicht einmal die Fragen dazu hier beantwortet. X/

    Ohne die richtigen Fragen gibt's halt keine guten Antworten.


    Aber um dich nicht ganz hängen zu lassen, für die Tableiste ganz unten könntest du das hier mal probieren, für zentrierte Tabs irgendwas in der Art (nur grob getestet in 115esr, es gibt's bestimmt Besseres) :

    CSS
    .tabbrowser-tab:not([pinned], [hidden]):first-of-type {
        margin-left: auto !important;
    }
    
    .tabbrowser-tab:not([pinned], [hidden]):last-of-type {
        margin-right: auto !important;
    }
    
    .tabbrowser-tab:nth-last-child(1 of [pinned]) {
        background-color: pink !important;
        margin-right: auto !important;
    }
    Alles anzeigen
  • FFX 118 | Tableiste GANZ unten (unter Fenster) CSS-Code + Skript ?

    • Horstmann
    • 13. Oktober 2023 um 11:23
    Zitat von 2002Andreas
    Zitat von Horstmann

    Was ist denn deine ESR Version eigentlich, 115 oder noch 112?

    Laut seinem UA die Version 102.

    Au Backe, das ist alt...

    Wenn man den alten CSS Code hätte, könnte der aber relativ einfach anpassbar sein, evtl. nur mit den paar Änderungen die ab 113 nötig wurden.

    P.S.: Was ist UA?

  • FFX 118 | Tableiste GANZ unten (unter Fenster) CSS-Code + Skript ?

    • Horstmann
    • 13. Oktober 2023 um 10:58
    Zitat von ^L^

    Ich suche passendes Blankoprofil - also alle nötigen Dateien, Einstellungen, Anweisungen als ZIP-Paket für Version 118.0.2

    BEISPIEL: Screenshot meiner ESR Version - so sollte es dann unter FFX 188 auch aussehen ...

    Hmmm, um ein bisschen eigene Arbeit wirst du wohl nicht herumkommen... :/

    Was ist denn deine ESR Version eigentlich, 115 oder noch 112?

    Und welcher CSS Code klappt denn in deiner ESR, aber nicht in 118?

  • Variablen in CSS nutzen

    • Horstmann
    • 5. Oktober 2023 um 08:06
    Zitat von Speravir
    Zitat von Horstmann

    Etwas wie :has wäre da schon was Anderes.

    Äähm, layout.css.has-selector.enabled existiert. Ich weiß aber nicht, seit wann es diese Einstellung gibt. Ich nutze den Selektor auch aktiv.

    Ich hatte :has auch schon benutzt, wollte aber warten bis es offiziell von Fx unterstützt wird und sauber implentiert ist.

    Bei mir gab's ein paar seltsame Funktionen beim Testen, und generell wohl. Einschränkungen (- zumindest in 104/105(?) -), da hatte ich es einfach mal beiseite geschoben.

  • Variablen in CSS nutzen

    • Horstmann
    • 4. Oktober 2023 um 16:02
    Zitat von Sören Hentzschel
    Zitat von Horstmann

    Muss aber wirklich bald mal neue Macs anschaffen...


    Das ist Off-Topic, aber vielleicht ist der OpenCore Legacy Patcher einen Versuch wert?

    https://dortania.github.io/OpenCore-Legacy-Patcher/

    Der bringt aktuelle macOS-Versionen auch auf alte Macs, die schon lange aus der offiziellen Unterstützung raus sind.

    Danke für den Tip, da schau ich rein. :) :thumbup:

    Ich glaube aber da war ich schon, und es gibt Einschränkungen jenseits von High Sierra, was ich ohne Probleme auf meinem alten, aufgerüsteten MacPro 4.1 (5.1 Patch) und ähnlich alten Macbooks am laufen habe, mit diesen Patchern.

    Es macht am meisten Sinn, meine Macs einfach mit einem aktuellen Mac Studio und MacBook Air zu ersetzen, was meine Erfordernisse komplett bedienen würde - sobald es das Budget erlaubt. ;)

  • Variablen in CSS nutzen

    • Horstmann
    • 4. Oktober 2023 um 14:58
    Zitat von Sören Hentzschel


    Änderungen an der Spezifität können grundsätzlich immer auftreten, wenn Mozilla am Code etwas verändert, auch wenn keine Verschachtelung verwendet wird, einfach weil Mozilla einen komplexeren Selektor als vorher verwendet.

    Verstanden, dankeschön. :)

  • Variablen in CSS nutzen

    • Horstmann
    • 4. Oktober 2023 um 11:45
    Zitat von Sören Hentzschel
    Zitat von Horstmann

    Das Nesting hört sich interessant an, auch wenn ich mich noch etwas schwer tue für das Ganze eine wirklich hilfreiche Nutzung im Browser CSS zu finden.

    Solange du kein neueres macOS und damit keine Firefox-Version größer als 115 einsetzen kannst, hilft es dir auch nicht. ;) Aber ab Firefox 117 sollte man das grundlegende Konzept verstehen, um das CSS von Firefox zu verstehen, falls man seinen Browser in einem Bereich anpasst, in dem Firefox Gebrauch davon macht. Tendenz in jedem Fall steigend. Die Basis der Anpassungen liegt ja darin, sich das CSS von Firefox mit den Entwicklerwerkzeugen anzusehen und dann zu verändern.

    Salz in die Wunde! ;)

    Muss aber wirklich bald mal neue Macs anschaffen...

    Zitat von Sören Hentzschel
    Zitat von Horstmann

    Etwas wie :has wäre da schon was Anderes.

    Das ist wiederum eine ganz eigene Baustelle, zumal die Verschachtelung ja vor allem sogenannter syntactic sugar ist und anders als :has keine neuen Anwendungsfälle eröffnet. Aber für's Protokoll: Die Unterstützung für :has ist seit 13 Tagen standardmäßig in Firefox Nightly aktiviert. In einer finalen Version wird das definitiv nichts vor Firefox 120. Ausgehend von den Web Platform Tests (WPT) könnte das sogar noch klappen:

    https://wpt.fyi/results/css/se…nterop-2023-has

    Prima, danke für die Info. :)

    Zitat von Sören Hentzschel

    Ergänzend, da gerade im Nightly-Blog gesehen:

    Also falls jemand noch nicht geglaubt hat, dass das die Zukunft von CSS in Firefox ist… ;)

    Für aktuelle bestehende, eigene CSS Anpassungen, könnte das evtl. bedeuten dass u.U. (kleinere) Probleme mit der Spezifität auftreten können, wenn der Fx Code das Nesting implentiert?

    Dass also die Spezifität im eigenen CSS Code hier und da evtl. angepasst werden müsste, um Fx CSS zu überschreiben?

    Eine hypothetische Frage zu diesem Zeitpunkt, nur so aus Interesse.

Unterstütze uns!

Jährlich (2025)

107,3 %

107,3% (697,41 von 650 EUR)

Jetzt spenden
  1. Kontakt
  2. Datenschutz
  3. Impressum
Community-Software: WoltLab Suite™
Mastodon