Fx 117 > Tableiste unten per CSS-Code, nicht per Skript!

  • grisu2099

    Dein Wunsch ist mir Befehl ;). Ich hab da selbst schon mal drinnen was verändert und du siehst ja selbst das der Code schon älter ist...

  • sodele, nach etlichen schwierigkeiten hab ich dank dieses forums die tabs wieder unten.
    das einzige, was mich stört, ist die fette schrift, und die farbe des aktiven tab. kann man dieses grau etwas aufhellen? ich kenn leider diese farbbezeichnungen nicht. kann man evtl n trennung zwischen den einzelnen tabs einbaun? dieser fliessende übergang ist nicht sonderlich prickelnd.
    danke schon mal für eure aufmerksamkeit und hilfe.

    meine aktuelle css:


    edit: habs dank tante google hinbekommen. das helle grau heisst very light grey, und die nicht fette schriftart nennt sich normal.
    jetzt wären nur noch abgegrenzte tabs gefragt
    jetzt schauts so aus:

    2 Mal editiert, zuletzt von Quickly (2. Juni 2021 um 21:43) aus folgendem Grund: edit

  • sodass die Menüleiste ganz zu sehen ist

    Das liegt aber nicht am CSS von reddit, sondern am Rest, den du nutzt und den ich nicht kenne. Falls du bereits ein Thema zu deinem CSS hast, bitte verlinken, ansonsten bitte ein eigenes neues Thema zu starten, das geht hier sonst unter und verwirrt andere, danke.

    Aber ich habe nur diesen einen Code in meinem userChrome.css!

    Oben in der Datei steht noch:

    Code
    /* Do not remove the @namespace line -- it's required for correct functioning
     * set default namespace to XUL
     */
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

    Doch glaube ich, das stand da immer schon??? :/

  • Dein Bild von heute zeigt wesentlich mehr Änderungen als die im CSS von reddit. Dazu bitte den Code/das CSS oder den Namen vom genutzten Thema. Sollte es ein Thema sein, bitte den Autor kontaktieren, dann ist es nicht Proton-kompatiblel. Hatte ich heute schon mal geschrieben, dass diverse Themen dahingehend nicht kompatibel sind und das man die Ursache dann dort ändern müsste, weil die es a) am besten kennen und b) dafür verantwortlich sind. Bei der vielen Menge an Themen sind Insellösungen mit so einer Unbekannten schlichtweg nicht schaffbar.

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

  • Ja! Code ist identisch mit dem aus meinem Beitrag #122

    Verglichen mit deinem, sind noch zwei Zeilen Code hinzugefügt als "Patch", damit genau das Problem den Leerzeilen nicht mehr auftritt. Danach sollte es perfekt sein.

    Hey jullem, mit diesen zwei zusätzlichen Zeilen ist es perfekt. Vielen Dank für deine tolle Hilfe. :) :thumbup:

  • Hallo zusammen,

    Dank des Codes von Jullem habe ich die Tableiste auch wieder da, wo ich sie haben will - 1000 Dank fürs Teilen!

    Zwei kleine Schönheitsfehler würde ich gern ausmerzen:

    - Den kleinen Spalt unter den Tabs (hab zwar hier Beiträge dazu gefunden, weiß aber leider nicht, wo ich was ändern muss)

    - Die durchgezogene Linie unter der Menüleiste

    Wäre super, wenn mir jemand einen Tipp geben könnte!

  • Dein Bild von heute zeigt wesentlich mehr Änderungen als die im CSS von reddit. Dazu bitte den Code/das CSS oder den Namen vom genutzten Thema. Sollte es ein Thema sein, bitte den Autor kontaktieren, dann ist es nicht Proton-kompatiblel. Hatte ich heute schon mal geschrieben, dass diverse Themen dahingehend nicht kompatibel sind und das man die Ursache dann dort ändern müsste, weil die es a) am besten kennen und b) dafür verantwortlich sind. Bei der vielen Menge an Themen sind Insellösungen mit so einer Unbekannten schlichtweg nicht schaffbar.

    Ich benutze das dunkle Theme, das bei Firefox dabei ist (Autor: Mozilla/Version 1.2) und in der userChrome.css steht folgendes (Code von #122 und die 4 Zeilen aus meinem letzten Post):

  • Das wird jetzt schwierig, wenn das CSS nicht mal fehlerfrei ist.

    Entweder ist was in Zeile 50/51 falsch oder es fehlt was. Dahingehend ist auch schon das Original (von reddit geholt via pastebin) fehlerhaft, ist mir vorhin nicht aufgefallen. Es fehlt eine Klammer: }

    Wenn du weinen möchtest, bist du falsch hier. Hier gibt es nur Lösungen!
    Oh Herr, wirf Hirn, oder Steine - Hauptsache, du triffst endlich.
    Zu viele Goofies und Dulleks vom Dienst. Schlabokka!

  • Hallo 2002Andreas!

    Bin neu hier, erstmal Danke für deinen neuen CSS - Code für FX 89. Hab ihn bereits kopiert aber......

    Vielleicht Kannst du mir helfen Habe ein Problem wenn ich mehr als 6 Tabs öffne fängt die ganz Tab Reihe an zu zucken erst wenn ich mehrere Tabs lösche und nur 6 Tabs übrigbleiben ist alles wieder ruhig... STRANGE was ist das, hier mein CSS Code:


    /*Eigene Farbe für besuchte Links*/

    a:visited{color:#FF0000 !important;}


    #TabsToolbar {

    position: absolute !important;

    display: block !important;

    top: 104px !important; /*Abstand nach oben*/

    width: 100% !important;

    }

    .tabbrowser-tab {

    margin-top: 2px !important;

    max-height: 37px !important;

    }

    #TabsToolbar :-moz-any(.tabs-newtab-button,#tabs-newtab-button) {

    min-width: 0px !important;

    width: 25px !important;

    margin-bottom: -5px !important;

    }

    #tabbrowser-tabs {

    width: 100vw !important;

    }

    #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {

    padding-bottom: 34px !important;

    }


    /* TABS: height */

    :root {

    --tab-toolbar-navbar-overlap: 0px !important;

    --tab-min-height: 27px !important; /* adjust to suit your needs */

    }

    :root #tabbrowser-tabs {

    --tab-min-height: 27px !important; /* needs to be the same as above under :root */

    --tab-min-width: 70px !important;


    Hast du eine Idee was hier falsch ist , Danke BooBooBlue

  • Hallo Andreas!

    Hab mir jetzt diese Variante zusammengeflickt alles intuitiv kenn mich überhaubt nicht aus mit dem erstellen von css-codes, jetzt zuckt nichts mehr- funktioniert, einzige Frage wie kann ich die Tabhöhe verkleinern, schmäler sieht elganter aus. Danke

    Hier der neue Code:

    /* Source file https://github.com/MrOtherGuy/fir…s_on_bottom.css made available under Mozilla Public License v. 2.0

    See the above repository for updates as well as full license text. */

    /* Modify to change window drag space width */

    /*

    Use tabs_on_bottom_menubar_on_top_patch.css if you

    have menubar permanently enabled and want it on top

    */

    /* IMPORTANT */

    /*

    Get window_control_placeholder_support.css

    Window controls will be all wrong without it.

    Additionally on Linux, you may need to get:

    linux_gtk_window_control_patch.css

    */

    :root{ --uc-titlebar-padding: 0px; }

    Media (-moz-os-version: windows-win10){

    :root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }

    }

    #toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,

    #TabsToolbar > .titlebar-buttonbox-container{

    position: fixed;

    display: block;

    top: var(--uc-titlebar-padding,0px);

    right:0;

    height: 40px;

    }

    /* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */

    @supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){

    :root{ --uc-titlebar-padding: 0px !important }

    .titlebar-buttonbox-container{ left:0; right: unset !important; }

    }

    :root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }

    #toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }

    #navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }

    .titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }

    #titlebar{

    -moz-box-ordinal-group: 2;

    -moz-appearance: none !important;

    --tabs-navbar-shadow-size: 0px;

    }

    .titlebar-placeholder,

    #TabsToolbar .titlebar-spacer{ display: none; }

    /* Also hide the toolbox bottom border which isn't at bottom with this setup */

    #navigator-toolbox::after{ display: none !important; }

    Media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }

    /* These exist only for compatibility with autohide-tabstoolbar.css */

    toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }

    #navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }

    /* Source file https://github.com/MrOtherGuy/fir…n_top_patch.css made available under Mozilla Public License v. 2.0

    See the above repository for updates as well as full license text. */

    /* Menubar on top patch - use with tabs_on_bottom.css */

    /* Only really useful if menubar is ALWAYS visible */

    :root{ --uc-window-control-width: 0px !important }

    #navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }

    #toolbar-menubar{

    position: fixed;

    display: flex;

    top: var(--uc-titlebar-padding,0px);

    height: 29px;

    width: 100%;

    overflow: hidden;

    }

    #toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }

    #toolbar-menubar > [flex]{ flex-grow: 100; }

    #toolbar-menubar > spacer[flex]{

    order: 99;

    flex-grow: 1;

    min-width: var(--uc-window-drag-space-width,20px);

    }

    #toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }

    #toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }

    margin-top: 2px !important;

    max-height: 37px !important;

    }

    #main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

    .tab-background {

    border-radius: 8px 8px 0px 0px !important; border-image: none !important;

    }

    .tab-line {

    display: none;

    }

    .tab-close-button {

    color: red!important;

    }


    Herzlichen Gruß

    BooBooBlue

  • Hi,

    eventuell ist mein Beitrag #148 untergegangen?!

    Wäre wirklich super, wenn mir jemand helfen könnte!

  • Tachchen Community,

    ich bin auch neu hier und eigentlich jedes Mal, wenn ein neuer FF released wird, auf dieser Seite hier, um nach einer neuen userChrome.css zu suchen, welche die Tableiste wieder nach oben befördert. Zwar kann ich nicht ganz nachvollziehen, warum das Mozilla nicht grundsätzlich mit einem "Schalter" anbietet, aber ich bin froh, dass ihr jedes Mal innerhalb von wenigen Stunden nach dem Release eine Lösung parat habt!! Thx@all!!

    Eine Frage hätte ich jedoch noch:

    Ich habe jetzt den Code, der zuletzt von Gabinski gepostet wurde, übernommen und bin sehr zufrieden.

    Allerdings würde ich mich über eine Kleinigkeit freuen:

    Wenn man viele Tabs offen hat (25++), werden die einzelnen Tabs immer kleiner von der Breite her, je mehr Tabs man zusätzlich öffnet.

    Zuletzt ist die Breite meiner Tabs immer gleich geblieben, jedoch konnte ich mit dem Mausrad zwischen den Tabs hin und her scrollen, wenn mehr Tabs aktiv waren, als es die Bildschirmbreite zuließ.

    Hat jemand einen Tipp, wie ich das wieder verwirklichen könnte?

    Besten Dank für eure Mühe.

    Gruß netrocker

  • ist die Breite meiner Tabs immer gleich geblieben,

    Hallo und Willkommen hier im Forum. 😊

    Teste bitte:

    In Zeile 20 kannst du den Wert für dich ändern.

  • wenn mir jemand helfen könnte!

    Teste bitte.

    CSS
    #appMenu-multiView .subviewbutton {
      padding-top: 2px !important;
    }

    Hallo Andreas,

    lieben Dank für Deine Antwort.

    Leider verändert sich nichts - der kleine Spalt unter den Tabs ist geblieben, und auch die durchgezogene Linie unter der Menübar ist noch da.

    Hatte Deinen Code als einzelne .css angelegt, und im nächsten Versuch in meine bestehende eingefügt. Hat bei beidem nicht funktioniert.

  • der kleine Spalt unter den Tabs ist geblieben, und auch die durchgezogene Linie unter der Menübar ist noch da.

    Sorry, meine Antwort ist im falschen Thread gelandet. ;)


    Ansonsten, welches Theme benutzt du denn?

    Für die Tableiste, teste bitte mal:

    CSS
    #TabsToolbar {
      margin-bottom: -3px !important;
    }

    Mit freundlichem Gruß
    Andreas
    Mein Laptop    Meine Add-ons

    Einmal editiert, zuletzt von 2002Andreas (3. Juni 2021 um 14:03) aus folgendem Grund: Ein Beitrag von 2002Andreas mit diesem Beitrag zusammengefügt.