About Seiten mit CSS Codes anpassen

  • Endor

    Sei gegrüßt, Endor!

    Im aktuellen Nightly sieht about:welcome nicht mehr ganz so hübsch aus. Wenn Du Zeit und Lust hast, schaust es Dir bitte mal an.

    Es sind auch einige Änderungen dazu gekommen.


    Edit:

    Nun habe ich mal selbst einen Versuch gestartet, und bin nur über die Änderung der Schriftgröße (siehe Kasten) auf 20px zu einem Ergebnis gekommen. Das sieht im ersten Fenster dann so aus:

    Und im zweiten und dritten Fenster ist die Aufteilung dann so:

    Ich stelle mal den kompletten Code mit rein, eventuell kannst Du ja etwas verwenden.

    Grüße vom FuchsFan

    Einmal editiert, zuletzt von FuchsFan (28. März 2022 um 19:34)

  • Hallo FuchsFan .

    Vielen Dank für die Info.

    Teste mal diese Version, müsste nun passen:

    Hoffe es passt nun.

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    Einmal editiert, zuletzt von Endor (29. März 2022 um 20:50) aus folgendem Grund: Notwendige Korrektur im CSS Code

  • Ja die Schriftgröße passt gut so wie Du es gemacht hast.

    Danke nochmals für Deinen Code und den Hinweis.

    Den Button unten hatten wir schon mal. Da hat sich nur die Bezeichnung
    geändert daher ging es nicht mehr.

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Hallo FuchsFan

    Habe oben den CSS Code nochmals aktualisiert.

    Die Schaltfläche unten musste ich nochmals anders ansprechen.

    Die Schaltfläche oben wurde damit auch angesprochen und das wollte

    ich nicht.

    Ich habe nur diesen Teil neu gemacht,

    Einfach den vorhandenen Teil damit ersetzen.

    Zeile 112 bis Ende.

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Habe oben den CSS Code nochmals aktualisiert.

    Danke, Endor!

    Kläre mich bitte auf, wo ist das Icon von hier

    div.secondary-cta:nth-child(1) > button:nth-child(1){

     appearance:none!important;

     background: #F0F0F0 url("..//icons/Bild42.png") no-repeat !important;

    zu sehen. Kann i.M. nichts damit anfangen. :/

    Grüße vom FuchsFan

  • Da ich keine Mozilla Account verwende, ist oben rechts

    eine Anmelden Schaltfläche hier vorhanden.

    Komisch, die habe ich hier nicht. Habe auch keinen Account.

    Hier mal ohne Code das Original im Nightly, da ist nichts zu sehen.

    Grüße vom FuchsFan

    Einmal editiert, zuletzt von FuchsFan (29. März 2022 um 22:22)

  • Eben auch in meinem Hauptfuchs mit aktiven Account getestet, da

    ist sie auch da. :/ Komisch. Du hast die nicht eventuell ausgeblendet?

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Ab Version 101 funktioniert bei about:logins die letzte Anpassung für das obere rechte Feld (header) nicht mehr. Dort habe ich jetzt nur noch das genommen:

    Grüße vom FuchsFan

  • Und der dritte Code im Bunde, der sich auch wieder geändert hat in Version 101, about:welcome.

    Sieht jetzt so aus (neuer Text):

    Geändert habe ich von dem Code hier RE: About Seiten mit CSS Codes anpassen

    1. Zeile 48 auf 25px

    2. zu Zeile 63 hinzugefügt line-height: 22px !important;

    3. neuen Eintrag hinzugefügt (original liegt der Wert bei 48px):

    CSS
    .onboardingContainer .main-content.no-steps {
        padding-bottom: 10px !important;
        }

    Grüße vom FuchsFan

  • Hallo FuchsFan

    Danke für die Hinweise.

    about:debugging

    passt perfekt. Danke!

    about:logins

    funktioniert hier einwandfrei.

    about:about
    da wurde hier ein Eintrag entfernt nämlich
    about:devtools fehlt hier jetzt.

    about:welcome

    da waren hier nur die beiden Schaltflächen zu hoch.

    hier meine Version:

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    2 Mal editiert, zuletzt von Endor (5. April 2022 um 17:46)

  • about:about
    da wurde hier ein Eintrag entfernt nehmlich
    about:devtols fehlt hier jetzt.

    Ja, Endor, den habe ich aber noch nicht angefasst, weil in anderen Codes (z.B. extras_config_menu.uc.js) Bezüge vorhanden sind. Werde erst mal abwarten, bevor ich das bereinige.

    about:welcome

    da waren hier nur die beiden Schaltflächen zu hoch.

    Den zusätzlichen Code habe ich deshalb genommen, weil es sonst so aussieht (Anstoss oben):

    Grüße vom FuchsFan