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

  • Text und Icons in der Mitte von Tabs

    • Horstmann
    • 13. Mai 2022 um 19:25

    Ob und wieso man High Sierra noch benutzt - um das zu verstehen muss man sich etwas mit Macs auskennen, und das geht vielleicht auch etwas am Thema vorbei . ;)

    Als kleines Hobby macht das Rummurksen mit diesem CSS Dingens jedenfalls Spass , und mein Spagetti Code funktioniert für meine bescheidenen Ansprüche soweit ganz gut .

  • Text und Icons in der Mitte von Tabs

    • Horstmann
    • 13. Mai 2022 um 14:08

    Das hast du genau richtig erkannt ;) .

    Ich bin noch auf einem alten OSX ( High Sierra ), das für meine Safariversion keinen Support mehr hat, und weswegen der Browser so langsam in die Knie geht . Firefox supported noch High Sierra , Apple nicht ....

    Seit ich kürzlich diese CSS Modifikationen entdeckt habe, und wie viel man bei FF überhaupt anpassen kann, ist Safari in der Tonne .

    Nur das Design kann Apple halt gut, da wollte ich mir meine eigene Hobby-Version basteln .

  • Text und Icons in der Mitte von Tabs

    • Horstmann
    • 13. Mai 2022 um 13:36

    Ein freundlicher Poster auf Reddit hat die Lösung schon präsentiert, funktioniert prima .

    Der Code dazu :

    Code
    .tabbrowser-tab[selected]:not(:hover):not([pinned]) .tab-label-container,
    #tabbrowser-tabs:not([closebuttons="activetab"])
    .tabbrowser-tab:not(:hover):not([pinned]) .tab-label-container{
    margin-inline-end: 7px
    }
    
    
    .tab-content:not([pinned])::before{
    display: -moz-box;
    content: "";
    -moz-box-flex: 1;
    }
    Alles anzeigen

    Zu beachten ist , bei mir sind die Close Buttons im Tab rechts ( nur sichtbar bei hover ), daher wohl das margin von 7px .


  • Text und Icons in der Mitte von Tabs

    • Horstmann
    • 12. Mai 2022 um 21:33

    Seit ein paar Wochen bastele ich ein bisschen an meinem Firefox rum, bin also völliger Anfänger hier ...

    Immerhin habe ich eine userChrome.css beisammen, und turne etwas in den Browser Werkzeugen herum, aber jetz habe ich ein kleines Problem .

    Ich hätte gerne den Text und die Webseiten Icons in der Mitte der Tabs, schaffe es aber nur den Text zu zentrieren .

    Die Icons bleiben links hängen , statt sich brav links neben dem Text anzureihen .

    Der Code den ich für den Text benutze :

    CSS
    .tab-label-container {
    -moz-box-pack: center !important;
    -moz-box-orient: horizontal !important;
    padding-top: 2px !important;
    }
    .tabbrowser-tab:not(:hover):not([pinned]) .tab-label-container {
    margin-inline-end: 7px
    }

    Irgendwelche Ideen, wie ich die Icons neben den Text bekomme ?

    Die Close Buttons und das Hoververhalten sollten allerdings bleiben wie sie sind, und nicht beeinflusst werden .

    Danke vorab !

Unterstütze uns!

Jährlich (2025)

94,2 %

94,2% (612,48 von 650 EUR)

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