Beiträge von FuchsFan

  • Ansicht "Erweiterungen verwalten"

    Zitat von Büssen

    Fazit: >>mit Geduld und Spucke bekommt man alles hin.

    Genau so ist es, nie aufgeben.:thumbup::)

    Also, da sind ja Fortschritte zu erkennen, trotzdem fehlt da die "Feinabstimmung", damit es auch was für's Auge ist. Aber wie es geht kennst du ja jetzt, das schaffst du dann auch noch.

    Denn Andreas war wieder der Helfer, der für den De/Aktivieren-Button alles hübsch gemacht hat. Füge mal den kompletten Code zusätzlich ein:

    Wenn die Lage nicht stimmen sollte, wovon ich ausgehe, dann werden wir den Code ergänzen.

    Grüße

    FuchsFan

    Edit:

    Damit du unter Themes (nur hier) die Höhe anpassen kannst, dass die Button auch genügend Platz haben, dann verwende zusätzlich den Code-Schnipsel, mit den 150 musst du probieren.

    Code
    /****** Höhe der Container unter Themes ****/
    addon-list[type="theme"]{ --card-padding: 150px }
    
   }

  • Ansicht "Erweiterungen verwalten"

    Zitat von Büssen

    Welche Zeile ist nun für die Card "Themes" zuständig - muss noch mehr nach rechts!

    Gleiches gilt auch für Plugins u. Wörterbücher. Nur "Erweiterungen" hat die richtige Länge.

    Hallo!

    Ich kann dir jetzt nicht sagen warum die nicht bis ganz nach rechts laufen. Aber das sieht ja schon sehr gut aus. Du kannst aber das noch machen, damit die Button richtig aufgeteilt werden. Den Abstand der Button vom rechten Rand stellst du damit ein, probiere mit den 12px.

    CSS
    /**** Abstand der Button vom rechten Rand bei Themes, Plugins, Wörterbücher, usw. *****/
    addon-list:-moz-any([type="theme"],[type="plugin"],[type="dictionary"]) addon-card:not([expanded="true"]) panel-list {
      right: 12px !important; 
    }

    Den Abstand bei Pugins, usw. stellst du damit ein, probiere mit den -60px. Ist bißchen Fummelei, wie Andreas sagte, aber es geht.

    CSS
    /**** Abstand der Button vom oberen Rand bei  Plugins, Wörterbücher, usw. *****/
    addon-list addon-card:not([expanded="true"]) panel-list {
      margin-top: -60px !important;
    }

  • Ansicht "Erweiterungen verwalten"

    Zitat von Büssen

    Ich war mal so frei und habe mir deinen angehängten Code zu eigen gemacht (also alles verwendet).

    Dazu war es gedacht, wenn es dir gefällt, um so besser.:thumbup:

    Aber wieso bekommst du das bei den Themes nicht hin, denn da ist ja immer noch ein wenig durcheinander.

    Grüße

    FuchsFan

    Edit:

    Wieso werden denn da nicht die Grafiken angezeigt? Wenn du das per Code abgestellt hast, dann müssen die Container für Themes auch angepasst werden. Da gibt es in meinem Code den Absatz:

    CSS
    /**** Abstand der Button vom oberen Rand bei Themes *****/
    addon-list:-moz-any([type="theme"]) addon-card:not([expanded="true"]) panel-list {
      margin-top: -130px !important;
    }

    Mit dem Wert -130 musst du probieren, damit die Button bei dir dann auch im jeweiligen Feld sind.

  • Ansicht "Erweiterungen verwalten"

    Zitat von 2002Andreas

    Das ist auch viiieeel wichtiger, genieß die Zeit mit ihr

    Das habe ich getan für heute, morgen geht es weiter.:thumbup:

    So, Andreas, ich bin begeistert, nun ist ja wohl optisch der absolute Höhepunkt erreicht. :thumbup::thumbup::thumbup::)

    Ein Hinweis noch, bei dem Code aus #343 musste ich in Zeile 3 den Wert ändern: addon-card:nth-child (3), dann war der Button auch weg.

    Grüße

    FuchsFan

  • Ansicht "Erweiterungen verwalten"

    Zitat von 2002Andreas

    Kleine Hilfe

    Danke, auch das schaue ich mir an. Für den Hover-Effekt habe ich diesen Code-Schnipsel schon drin, der wirkt auf alle Button (rechts, usw.). Kannst du das mal überprüfen, eventuell wird er dann ja überflüssig.

    CSS
    /**** Hintergrund bei Hover rechte Button ****/    
    button:focus,
    button:enabled:hover {
      background-color: #1e90ff  !important; /* beliebige Farbe eintragen */
      border-radius: 80px !important;
      color: white ! important;
      box-shadow: inset 0 0 3px 3px lightgrey;
    }

    Grüße

    FuchsFan

  • Ansicht "Erweiterungen verwalten"

    Zitat von 2002Andreas

    Also nee echt...da fehlt ja ein Button (Deaktivieren)

    Irrtum, großer Meister !!!;)

    Bei Themes rechts unten, und unter Erweiterungen, der kleine blaue. Und weil du das hier ansprichst, der Deaktivieren/Aktivieren-Button bei Themes (siehe Bild aus #327) gefällt mir so auch nicht, aber ich habe mich schon garnicht mehr getraut das anzusprechen, weil ich in der Hauptphase der Bastelei schon genügend Wünsche erfüllt bekommen habe. Hast du noch eine Idee, wie der Button den anderen angepasst werden kann ?

    Grüße

    FuchsFan

  • Ansicht "Erweiterungen verwalten"

    Zitat von Büssen

    Hast du meinen obigen Code für dein Beispiel verwendet?

    Nein, das ist aus meinem gebastelten Code. Hast du mal bei den 100px andere Werte probiert, so habe ich das auch im alten Addon-Manager bis zur 71 hinbekommen. Ich hänge dir mal aus dem Nightly meinen aktuellen Code an, eventuell kannst du davon was verwenden.

    Grüße

    FuchsFan

  • Ansicht "Erweiterungen verwalten"

    Zitat von Büssen

    Lässt sich da noch etwas nachbessern?

    Ja, ich denke schon.

    1. Für die Ausdehnung zum rechten Rand hin verwende ich diesen Code von BrokenHeart. Bei dem Wert

    .card-heading-image kannst du die Höhe der Container unter Themes anpassen, damit auch die Grafiken wieder angezeigt werden.

    CSS
    /**** Ausdehnung der Container zum rechten Rand hin / alle Rubriken **** von BrokenHeart ****/     
    :root {
      --section-width: -1 !important; /* nicht verändern */
    }
    .card-heading-image {
      height: 100px !important; /* ist für Rubrik Themes angepasst */
    }

    sieht dann so aus:

    2. Damit die Grafiken nicht über den Rand hinaus stehen benutze ich diesen Code von Andreas:

    CSS
    /**** unter Themes die Grafiken versetzt ****/    
    .card-heading-image {
       margin: -6px -6px 16px !important;
    }

    Grüße

    FuchsFan

  • Mehrzeilige Tableiste für aktuelle Firefox-Versionen

    Zitat von Krabato

    Vielleicht magst Du nochmal Deinen gesamten css-Code hier einstellen?

    Daran soll es nicht liegen, habe kein Problem damit. :rolleyes:

    Aber , um das Aussehen zu erreichen, gehören 7 Scripte, 29 Chrome-css- und 3 Content-css-Dateien dazu. So, wenn du das so übernehmen willst, so musst du die Zip-Datei entpacken und den Ordner Chrome in deinem Profil austauschen. Lege dir aber von deinem vorher eine Sicherung an. Außerdem sei dazu gesagt, dass alles für mein Laptop mit Auflösung 1920x1080 eingerichtet ist. Das abzuändern sollte aber keine Schwierigkeiten bedeuten, musst einfach hier nachfragen. So , dann versuche es . :thumbup:

    Chrome.zip

  • Mehrzeilige Tableiste für aktuelle Firefox-Versionen

    Zitat von Krabato

    Jetzt gefällt mir die Breite, aber das Kreuz ist weg...

    Kannst ja mal den Code probieren, den verwende ich dafür:

    So sieht es dann mit Breite 130px aus, Kreuz ist da.