FFF 61: Abstände der Symbole in der Symbolleiste verkleinern

  • Hallo,

    das Thema gab es schon, allerdings für alte FF-Versionen.

    Wie gesagt, ich möchte die Abstände der Symbole in der Symbolleiste verkleinern, so dass ich keinen Überhang mehr habe - in meiner alten Version ging das irgendwie.

    Wenn das nicht geht, hätte ich gern eine zweite Reihe für die Symbole.

    Grüße
    Gabi

    Edit von 2002Andreas
    Ich habe Deinen Beitrag mal verschoben nach: Anpassungen


  • eine zweite Reihe für die Symbole.


    Meinst du für die Lesezeichensymbolleiste?

    Wenn ja, dann bitte testen und die Werte für dich anpassen.

  • Auch bitte wieder testen dann, ist der kompl. Code geändert.


  • Wie gesagt, ich möchte die Abstände der Symbole in der Symbolleiste verkleinern, so dass ich keinen Überhang mehr habe - in meiner alten Version ging das irgendwie.


    Hast Du eigentlich in Anpassungen unter Dichte schon auf Kompakt eingestellt?

    Zitat


    Wenn das nicht geht, hätte ich gern eine zweite Reihe für die Symbole.


    Das ist leider überhaupt nicht vorgesehen. Ich kenne aber 2 Möglichkeiten:

    • Per CSS mit CustomCSSforFx (Custom CSS tweaks for Firefox Quantum). Aber:

      Zitat


      /* ADDON BAR - simulate add-on bar by moving bookmarks toolbar to the bottom ********************/
      /* [!] move 'Bookmarks Toolbar Items' to navigation bar to get a top toolbar with bookmarks *****/
      /* [!] not compatible to 'bookmarks toolbar - multiple lines' option ****************************/
      /* [!] not compatible to 'tabs toolbar - below main content' option *****************************/
      /* [!] not compatible to 'bookmarks toolbar autohide' option ************************************/

    • Per UserChromeJS-Skript Revert AddonBar StatusBar. Wie De Name sagt, wird damit wieder eine Statusleiste am unteren Rand erzeugt, die man mit Symbolen befüllen kann. Es gibt einen schon etwas längeren eignen Thread dafür: Statusleiste.
  • Dieses Script fügt oben eine neue Symbolleiste ein:

    Das hier: https://github.com/Endor8/userChr…ster/userChrome
    muss zur Verwendung von Scripte wie obigen aber zuerst gemacht werden.
    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/124.0.1
    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!


  • Dieses Script fügt oben eine neue Symbolleiste ein:


    Schick, sieht sehr nach Abwandlung von RevertAddonStatusbar aus. Ich habe das wie üblich in eine Funktion eingebettet und auf den Browserkontext reduziert; zusätzlich let statt var und eine andere ID (ist ja keine Statusbar mehr):


    Eventuell wäre noch eine Vbox gut, die man dann einfärben kann (wie in RevertAddonStatusbar).

    Ich persönlich müsste übrigens mit nav-bar anstelle von PersonalToolbar arbeiten.

  • Hallo Speravir

    Du weißt ja, ich bin nur der Jäger, ich suche und sammle Scripte,
    obiges habe ich, glaube ich, mal von aborix bekommen.
    Wie man da jetzt in Deine modifizierte Version, die ich prima finde,
    noch eine Vbox einbaut, weiß ich leider auch nicht.
    Vielleicht ließt aborix ja mit, hoffe ich....
    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/124.0.1
    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!

  • So bekommt man die Leiste in eine vbox:

    Ersetze

    Code
    parentE.insertBefore( tb , childE );

    durch

    Code
    let vbox = document.createElement('vbox');
    vbox.appendChild(tb);
    parentE.insertBefore( vbox , childE );
  • Hallo aborix.
    Vielen Dank! :klasse:

    Funktioniert bestens.

    Hier jetzt das Script mit obiger Änderung und Zeile zum Einfärben:

    Nochmals vielen Dank.
    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:109.0) Gecko/20100101 Firefox/124.0.1
    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 (6. September 2018 um 07:34)


  • Hier jetzt das Script mit obiger Änderung und Zeile zum Einfärben:


    Bitte wie in RevertAddonStatusbar noch eine ID für die Vbox einfügen. Ich habe bei mir direkt nach

    Code
    let vbox = document.createElement('vbox');


    die Zeile

    Code
    vbox.id = 'uc-tb2-vbox';


    eingefügt, aber der Name ist letztendlich egal, solange er einzigartig ist.

    Der Hintergrund ist, dass man so die (untere) Statusbar und diese Leiste gemeinsam in der userChrome.css ansprechen kann. Ich habe allerdings schon bemerkt, dass man da als Nutzer von Light Themes mit dieser oberen Leiste trotzdem etwas aufgeschmissen ist.


  • Hallo Speravir.
    Habe ich oben wunschgemäß geändert.
    Habe die Zeile so übernommen.


    Um mich zu wiederholen: Schick. Danke.

    Da du da Skript „newtoolbar“ genannt hast, könnte man nun noch überlegen, ob man die von mir kreierten IDs ändert, sowas wie

    Code
    tb.id = 'uc-newtb';


    und

    Code
    vbox.id = 'uc-newtb-vbox';

    Ha, da fällt mir auf, das man sich das Leben erleichtern würde, wenn man die fast unterste Zeile folgendermaßen änderte:

    Code
    CustomizableUI.registerArea( tb.id , { legacy: true } );

    Analog dasselbe dann auch in der RevertAddonStatusbar, die Variable ist nur leicht anders.