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

  • Vertikale Zusatzleiste

    • Horstmann
    • 26. September 2025 um 13:34
    Zitat von Dharkness
    Zitat von lenny2

    Von allen vertikalen Toolbars in v143 funktioniert nur eine einzige von Mitleser

    Das ist eine über der Webseite schwebende Leiste, das ist keine Leiste die festgenagelt am rechten Fensterrand steht und nicht die Webseite verdeckt.

    Kannst mal das hier testen, keine Garantie auf Funktion.

  • Eigene Zusatzleisten ab ff 143+

    • Horstmann
    • 25. September 2025 um 20:17

    Ich werf das mal in den Raum, locker aus dem Handgelenk, falls es jemand testen möchte. :whistling:

    Das wäre ein evtl. funktionierendes Script für eine zusätzliche Toolbar, manuell einstellbar für vertikal links/ rechts oder unten.
    Es basiert auf dem was wir hier gebastelt hatten, also eine Zusatzleiste die nicht an der navigator-toolbox hängt (diverse Gründe).

    Wobei die Leiste in diesem Fall fixiert ist, nicht ausklappt bei hover, und nicht schwebt - d.h. der Browserinhalt sollte sich anpassen wenn die Leiste sichtbar oder per Button ausgeblendet ist etc., inkl. Anpassenfenster. :/

    Könnte sein das es das schon gibt in der Konfiguration, aber auch als nicht Zusatzleisten benutzender Zusatzleistenfanatiker habe ich längst den Überblick verloren.;)

    Header bitte lesen, Dateiname sollte mit 00 oder so starten; Kudos an Mitleser für diverse Tips und Lösungen.

    Edit: die ursprüngliche Version funktioniert nicht in aktuellem Fx; diese Version ist in aktuellem Fx 143.01 und Nightly getestet.

    Edit #2: Erweiterte Version.

    JavaScript
    // Use filename starting with 00 !! =>
    // 00_extra_toolbars_V2.uc.js
    // Extra newtoolbars 8 => 10 / Toggle button on/off
    
    // Basiert auf: https://www.camp-firefox.de/forum/thema/137714-seitennavigation-fly-out-menue
    // ACHTUNG: Einige Systembuttons lassen sich in zusaetzliche/eigene Tb's zwar noch verschieben, haben aber KEINE Funktion.
    // Dazu gibt es einen Patch von @BrokenHeart:  https://www.camp-firefox.de/forum/thema/138875-fix-toolbar-buttons-reagieren-nicht-mehr-ab-ff-134/
    // Kudos an Mitleser für Vorarbeit, Loesungen und Tips
    
    // Test
    
    (function() {
    
        if (location.href !== 'chrome://browser/content/browser.xhtml')
            return;
    
    // User Einstellungen JS
    
            // Eigenes Icon in Profilordner/chrome/icons
            let ProfilePath = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));
            let IconPath = '/chrome/icons/';
            //let Icon_tb = 'newtoolbar.png';
            let Icon_tb = 'flower-satt32.png';
            let ImagePath = ProfilePath + IconPath + Icon_tb;
    
            let new_tb_icon  = 1;      // 0 Firefox Icon, 1 Eigenes Icon
    
            let new_tb_loc = 0;        // Position Startzustand: 0 Rechts , 1 Links , 2 Bottom
            let new_tb_off = 0;        // 0 Startzustand On , 1 Startzustand Off
    
            let new_tb_color = 1;      // Hintergrundfarbe aendern: 0 Off , 1 On
            let new_tb_bg_color = 'lightblue';  // Hintergrundfarbe bei On
    
            let new_tb_distance = '2px';        // Abstand zw. Buttons, muss px Wert sein, auch bei 0px
            let new_tb_size = '0px';            // Breite / Hoehe Leiste erhoehen, muss px Wert sein, auch bei 0px
    
            let new_tb_border_color = 'grey';   // Trennlinien Farbe
            let new_tb_border_width = '1px';    // Trennlinien Breite, muss px Wert sein, auch bei 0px
    
    // User Einstellungen JS Ende
    
            if (Services.prefs.getBoolPref('svg.context-properties.content.enabled') == false) {
            	Services.prefs.setBoolPref('svg.context-properties.content.enabled', true );
            }
    
            let toolbox_new = document.createXULElement('toolbox');
            toolbox_new.setAttribute('id','toolbox_new');
    
            let ntb = document.createXULElement('toolbar');
            ntb.id = 'newtoolbar';
            ntb.setAttribute('customizable', true);
            ntb.setAttribute("class","toolbar-primary chromeclass-toolbar browser-toolbar customization-target");
            ntb.setAttribute('mode', 'icons');
            ntb.setAttribute('context', 'toolbar-context-menu');
    
    	      toolbox_new.appendChild(ntb);
            document.getElementById('browser').parentNode.appendChild(toolbox_new);
    
            let navbar_size = document.getElementById("navigator-toolbox");
            let observer = new ResizeObserver(() => {
            let rect = navbar_size.getBoundingClientRect();
            document.getElementById('toolbox_new').style.setProperty('--height_newbar', rect.height + 'px');
            });
            observer.observe(navbar_size);
    
            CustomizableUI.registerArea('newtoolbar', {legacy: true});
            CustomizableUI.registerToolbarNode(ntb);
    
       //On/off button
       try {
            CustomizableUI.createWidget({
                id: 'NewToolbar_button',
                type: 'custom',
                defaultArea: CustomizableUI.AREA_NAVBAR,
                    onBuild: function(aDocument) {
                        let toolbaritem = aDocument.createXULElement('toolbarbutton');
                        let props = {
                            id: 'NewToolbar_button',
                            class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                            removable: true,
                            label: 'Toggle New Toolbar',
                            tooltiptext: 'Toggle New toolbar',
                        };
    
                        for(let p in props)
                            toolbaritem.setAttribute(p, props[p]);
                        return toolbaritem;
                    }
            });
        } catch(e) { };
    
        // button function
        document.getElementById('NewToolbar_button').addEventListener('click', event => {
            if (event.button === 0) {
               newtoolbar.classList.toggle("off-mode");
               browser.classList.toggle("off-mode_b");
               }
         });
    
        // Icon
        if (new_tb_icon === 1) {
             NewToolbar_button.classList.add("icon_mode");
           };
    
        // Hintergrundfarbe
        if (new_tb_color === 1) {
             newtoolbar.style.backgroundColor = new_tb_bg_color;
           };
    
        // Positions Startzustand
        if (new_tb_loc === 1) {
             toolbox_new.classList.add("left_mode");
             browser.classList.add("left_mode_b");
           }
        else if (new_tb_loc === 2) {
             toolbox_new.classList.add("bottom_mode");
             browser.classList.add("bottom_mode_b");
           };
    
        // On/off Startzustand
        if (new_tb_off === 1) {
            newtoolbar.classList.add("off-mode");
            browser.classList.add("off-mode_b");
          };
    
    const css =`
    
    :root {
        --ug-newbar_basewidth: 36px;
        --ug-newbar_width: calc(var(--ug-newbar_basewidth) + 2*var(--ug-newbar_add_width));
        --ug-newbar_borderwidth: ${new_tb_border_width};             /* Breite / Hoehe Trennlinie */
        --ug-newbar_add_width: ${new_tb_size};                       /* Breite / Hoehe erhoehen */
        --ug-newbar_btnspace: ${new_tb_distance};                    /* Abstand zw. Buttons */
    }
    
    /*  Trennlinie  */
    #newtoolbar {
       --trenn-color: ${new_tb_border_color};
    }
    /*  Button Icon  */
    #NewToolbar_button .toolbarbutton-icon {
        list-style-image: url("chrome://browser/skin/sidebars-right.svg");
    }
    #NewToolbar_button.icon_mode .toolbarbutton-icon {
        list-style-image: url("${ImagePath}");
    }
    
    /*--  Basis / Right  --*/
    
    #browser {
        transition: padding 0.25s ease !important;
        /*border: 5px solid green;*/
    }
    #browser:not(.off-mode_b) {
        padding-right: calc(var(--ug-newbar_width) + var(--ug-newbar_borderwidth)) !important;
    }
    
    #toolbox_new {
        position: fixed;
        z-index: 4 !important;
        display: flex;
        width: fit-content;
        bottom: 0;
        right: 0;
    }
    #newtoolbar {
        display: flex;
        flex-direction: column;
        min-width: fit-content !important;
        width: var(--ug-newbar_width);
        min-height: fit-content !important;
        height: calc(100vh - var(--height_newbar)) !important;
        padding-block: 8px;
        box-shadow: calc(0px - var(--ug-newbar_borderwidth)) 0 var(--trenn-color);
        transition: width 0.25s ease, margin 0.25s ease /*,height 0.5s ease*/ ;
        align-items: center !important;
        /*justify-content: end !important;*/
        /*outline: 1px solid purple;
        outline-offset: -4px;*/
    }
    #newtoolbar:not([customizing]).off-mode {
        margin-inline: 0 calc(0px - var(--ug-newbar_width));
        box-shadow: none !important;
    }
    
    #newtoolbar > :is(.toolbarbutton-1, toolbaritem),
    #newtoolbar toolbarpaletteitem > :is(.toolbarbutton-1, toolbaritem) {
        margin-block: var(--ug-newbar_btnspace) !important;
        /*outline: 1px solid red;
        outline-offset: -1px;*/
    }
    
    /*--  Left  --*/
    
    #browser:not(.off-mode_b).left_mode_b {
        padding-inline: calc(var(--ug-newbar_width) + var(--ug-newbar_borderwidth)) 0 !important;
    }
    #toolbox_new.left_mode {
        left: 0;
    }
    .left_mode #newtoolbar:not([customizing]) {
        box-shadow: var(--ug-newbar_borderwidth) 0 var(--trenn-color);
    }
    .left_mode #newtoolbar:not([customizing]).off-mode {
        margin-inline: calc(0px - var(--ug-newbar_width)) 0;
    }
    
    /*--  Bottom  --*/
    
    #browser:not(.off-mode_b).bottom_mode_b {
        padding-inline: 0 !important;
        padding-bottom: calc(var(--ug--newbar_width) + var(--ug-newbar_borderwidth)) !important;
    }
    #toolbox_new.bottom_mode {
        flex-direction: row;
        width: fit-content;
    }
    .bottom_mode #newtoolbar:not([customizing]) {
        flex-direction: row !important;
        height: var(--ug-newbar_width) !important;
        width: 100vw;
        padding-block: 0;
        padding-inline: 8px;
        box-shadow: 0 calc(0px - var(--ug-newbar_borderwidth)) var(--trenn-color);
        border: none;
    }
    .bottom_mode #newtoolbar:not([customizing]).off-mode {
        margin-inline: 0;
        margin-block: 0 calc(0px - var(--ug-newbar_width)) !important;
    }
    
    #toolbox_new.bottom_mode #newtoolbar > :is(.toolbarbutton-1, toolbaritem),
    #toolbox_new.bottom_mode #newtoolbar toolbarpaletteitem > :is(.toolbarbutton-1, toolbaritem) {
        margin-block: var(--toolbarbutton-outer-padding) !important;
        margin-inline: var(--ug-newbar_btnspace) !important;
    }
    
    /*--  Fullscreen  Test Mac  --*/
    
    :root[inDOMFullscreen] #toolbox_new {
        display: none !important;
    }
    :root[inDOMFullscreen] #browser {
        padding: 0 !important;
    }
    
    /*--  customizing  --*/
    
    :root[customizing] #toolbox_new {
        bottom: 0 !important;
        right: 0 !important;
        left: unset !important;
    }
    
    #customization-container {
        margin-right: var(--ug-newbar_width) !important;
    }
            `;
    
            const sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
            const uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css));
            sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
    
    })();
    Alles anzeigen


  • Icon für Lesezeichen-Ordner CSS-Code funktioniert nicht mehr

    • Horstmann
    • 24. September 2025 um 23:09
    Zitat von Mitleser
    Spoiler anzeigen

    Das wird mir langsam zu anstrengend...
    Kauf dir endlich einen neuen Rechner...1-2 Jahre alte wieder aufbereitete Leasingrückläufer (z.B. als Businesslaptop/Workstationlaptop) gibt es auch gebraucht sehr günstig...Habe auch so einen...

    Ok, da hast du recht.
    Ich brauche aber eine Mac Workstation mit Saft die 2 Monitore treibt, plus ein kompatibles Laptop.

    Zitat

    Zitat von Mitleser

    Das > img funktioniert nur weil du ein list-style-image Attribut gesetzt hast. Das wird nur vom Browser nicht mehr zugelassen/interpretiert.

    Das macht aber keinen Sinn, weil man in CSS kein list-style-image Attribut setzen kann, nur benutzen.
    Wenn man eine CSS list-style-image Regel benutzt in einem Element das dieses Attribut nicht gesetzt hat - idR in Fx JS - wird diese Regel einfach nur ignoriert.

    Falls für ein Element (nur) ein list-style-image Attribut in JS gesetzt ist, lässt sich img nicht als CSS Selector benutzen, das kommt aus Html.

    Ich beziehe mich übrigens bei meinen Fragen und meinen Codevorschlagen immer auf den aktuellen Fx Code , nicht auf mein 115esr, falls diese Vermutung die Verwirrung verursacht. :/

  • Icon für Lesezeichen-Ordner CSS-Code funktioniert nicht mehr

    • Horstmann
    • 24. September 2025 um 21:17
    Zitat von Mitleser
    Zitat von Horstmann

    Das list-style-image an der Stelle wird demnach überschrieben?

    Ja. Das > img funktioniert nur weil du ein list-style-image Attribut gesetzt hast. Das wird nur vom Browser nicht mehr zugelassen/interpretiert.

    Nein. Aber das (Zeile 7):

    CSS
     .menu-icon {

    Ah, verstehe, mein Fehler, Danke! :)

    Das list-style-image (XUL) wird immer noch von Fx benutzt an vielen Stellen, da kann ich nicht's für. ;)
    Der Selector dafür wäre image, img funktioniert mE dafür nicht, nur eben in diesem Fall.

    Ich dachte dass die Lesezeichenleiste noch list-style-image benutzt, aber das ist dann wohl falsch (?).

  • Icon für Lesezeichen-Ordner CSS-Code funktioniert nicht mehr

    • Horstmann
    • 24. September 2025 um 19:53
    Zitat von Mitleser

    Oder so:

    CSS
    /*Lesezeichenordner mit einem definierten Text in der Lesezeichenleiste (Änderung in 143)*/
    #PlacesToolbarItems toolbarbutton:is([label="Info"],[label="Shoppen"]).bookmark-item:not(.subviewbutton) .toolbarbutton-icon {
    	content: url('../icons/16folder03-black.svg') !important;
    }

    Hmm, interessant. :/
    Das list-style-image an der Stelle wird demnach überschrieben?

    Nur mal ganz grob ausgeweitet, könnte sowas auch klappen, für Leiste und Popup, je nachdem wo das jeweilige Label benutzt wird?

    CSS
    .bookmark-item:is([label="Info"],[label="Shoppen"]) .toolbarbutton-icon {
    	content: url('../icons/16folder03-black.svg') !important;
    }
  • Icon für Lesezeichen-Ordner CSS-Code funktioniert nicht mehr

    • Horstmann
    • 24. September 2025 um 18:43
    Zitat von stoffel78

    doch benutze diese css aktuell

    In deiner CSS in Zeile 57 steht das Wort CSS, was da nicht sein soll.

    Lösch das Wort mal raus und sieh was passiert, mit deinem originalen Code.

  • Icon für Lesezeichen-Ordner CSS-Code funktioniert nicht mehr

    • Horstmann
    • 24. September 2025 um 18:30
    Zitat von stoffel78

    Horstmann danke für deine arbeit sieht jetzt genauso aus wie ichs eben selbst bearbeitet habe.

    allerdings bei deiner bearbeitung is was schief gelaufen wenn ich da adresse im feld eingeben will siehts so aus wie am bild

    bild 2 normal

    Das liegt an deinem CSS, das ist veraltet und vermutlich nicht das was du aktuell benutzt.

    Du könntest nur Zeilen 58 bis 95 von Beitrag #30 (zusätzlich) benutzen, alles andere hatte ich unverändert von deinem CSS aus #1 kopiert.

  • Icon für Lesezeichen-Ordner CSS-Code funktioniert nicht mehr

    • Horstmann
    • 24. September 2025 um 17:20

    Probier das mal als Test; bräuchte Einiges an Aufräumen, ist eine grobe Variante von deinem CSS in #1:

    CSS
    #TabsToolbar {
    border-bottom:1px solid grey!important}
    
    #PersonalToolbar{
    border-top:1px solid grey!important;
    }
    
    #PersonalToolbar{
    border-bottom:1px solid grey!important;
    }
    
    
    .bookmark-item[container="true"] {
       fill:orange !important;
       color:black !important;
    }
    
    .bookmark-item[label="Info"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Sport"] {list-style-image: url('./icons/black.ico') !important;}
    .bookmark-item[label="Shoppen"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="EDV"] {list-style-image: url('./icons/black.ico') !important;}
    .bookmark-item[label="Privat"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Daniela"] {list-style-image: url('./icons/black.ico') !important;}
    .bookmark-item[label="Download"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Kommunikation"] {list-style-image: url('./icons/black.ico') !important;}
    .bookmark-item[label="Multimedia"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Aktuelles"] {list-style-image: url('./icons/black.ico') !important;}
    .bookmark-item[label="Versand"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Apotheken"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Gutscheine"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Sonstiges"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Tiere"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Foren/Tipps"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="PKW"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Haushalt"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="TV"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Konsum"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Baumärkte"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Einrichtung"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Baustoffe"] {list-style-image: url('./icons/black.ico') !important;}
    .bookmark-item[label="Urlaub"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Mode"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Elektronik"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Werkstatt"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Mein..."] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Arzt"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Tipps"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Foren"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Suchmaschinen"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Equipment"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Makita"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Onlineshop"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Firmen"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Arbeit"] {list-style-image: url('./icons/blue.png') !important;}
    .bookmark-item[label="Tabak"] {list-style-image: url('./icons/blue.png') !important;}
    
    
    .bookmark-item[label="Info"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Sport"] > img {content: url('./icons/black.ico') !important;}
    .bookmark-item[label="Shoppen"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="EDV"] > img {content: url('./icons/black.ico') !important;}
    .bookmark-item[label="Privat"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Daniela"] > img {content: url('./icons/black.ico') !important;}
    .bookmark-item[label="Download"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Kommunikation"] > img {content: url('./icons/black.ico') !important;}
    .bookmark-item[label="Multimedia"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Aktuelles"] > img {content: url('./icons/black.ico') !important;}
    .bookmark-item[label="Versand"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Apotheken"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Gutscheine"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Sonstiges"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Tiere"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Foren/Tipps"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="PKW"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Haushalt"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="TV"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Konsum"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Baumärkte"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Einrichtung"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Baustoffe"] > img {content: url('./icons/black.ico') !important;}
    .bookmark-item[label="Urlaub"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Mode"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Elektronik"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Werkstatt"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Mein..."] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Arzt"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Tipps"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Foren"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Suchmaschinen"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Equipment"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Makita"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Onlineshop"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Firmen"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Arbeit"] > img {content: url('./icons/blue.png') !important;}
    .bookmark-item[label="Tabak"] > img {content: url('./icons/blue.png') !important;}
    
    
    
    #urlbar[breakout][breakout-extend]{
      top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
      left: 0 !important;
      width: 100% !important;
    }
    
    #urlbar[breakout][breakout-extend] > #urlbar-input-container {
      height: var(--urlbar-height) !important;
      padding-block: 0 !important;
      padding-inline: 0 !important;
    }
    
    #urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
      animation-name: none !important;
    }
    
    #urlbar[breakout][breakout-extend] > #urlbar-background {
      box-shadow: none !important;
    }
    
    
    #statuspanel-label {
        background: white !important;
        color: grey !important;
        font-weight: bold !important;
        }
    
    
    
    /* Rahmen von Adressfeld und Suchfeld */
    
    #urlbar-container {
        --toolbar-field-focus-border-color: transparent !important;
    }
    
    #search-container {
        --toolbar-field-focus-border-color: transparent !important;
    
    
    }
    
    /* bookmark-items */
    
    #PlacesToolbar > menupopup:first-child
    {
        margin-top: -1px !important;
    }
    
    #PlacesToolbar menuitem,
    #PlacesToolbar menu
    {
        margin: 0 2px !important;
        min-height: 22px !important;
        padding: 0 !important;
        border-radius: unset !important;
    }
    
    
    menupopup > menuitem,
    
    menupopup > menu {
    
    padding-block: 0 !important;
    
    padding-inline-start: 10px !important;
    
    }
    Alles anzeigen
  • Icon für Lesezeichen-Ordner CSS-Code funktioniert nicht mehr

    • Horstmann
    • 24. September 2025 um 17:10
    Zitat von stoffel78
    CSS
    .bookmark-item[label="Shoppen"] {
        --bookmark-item-icon: url('file:/C:\Users\SD\AppData\Roaming\Mozilla\Firefox\Profiles\dxui00c9.default-release\chrome\icons\blue.png') !important;
    }
    
    .bookmark-item[label="EDV"] {
        --bookmark-item-icon: url('file:/C:\Users\SD\AppData\Roaming\Mozilla\Firefox\Profiles\dxui00c9.default-release\chrome\icons\blue.png') !important;
    }
    
    .bookmark-item[label="Info"] {
        --bookmark-item-icon: url('file:/C:\Users\SD\AppData\Roaming\Mozilla\Firefox\Profiles\dxui00c9.default-release\chrome\icons\blue.png') !important;
    }
    Alles anzeigen

    Wäre gut immer auch die Leiste und das Popup zu sehen; werden dort die Icons angewendet?

  • Icon für Lesezeichen-Ordner CSS-Code funktioniert nicht mehr

    • Horstmann
    • 24. September 2025 um 16:56
    Zitat von grisu2099

    Mein Fehler... :saint:

    Neuer Versuch:

    Evtl. noch > img an die :is(...) Kette anhängen, wo du content benutzt? :/

  • Icon für Lesezeichen-Ordner CSS-Code funktioniert nicht mehr

    • Horstmann
    • 24. September 2025 um 16:47
    Zitat von 2002Andreas
    Zitat von Horstmann

    --bookmark-item-icon wirken nur auf das Popupmenu.

    Hmm, interessant. :/
    Aber weshalb geht's dann beim OP nicht, das hätte ich auch erwartet?

    Edit: Ach so, absoluter Dateipfad! :)

  • Icon für Lesezeichen-Ordner CSS-Code funktioniert nicht mehr

    • Horstmann
    • 24. September 2025 um 16:36
    Zitat von stoffel78

    Wie bei meinem erst Screenshot sollte die Leiste auch sein

    beim zweiten ist das ausklappen richtig

    2002andreas versucht keine funktion also besser gesagt gar kein icon zusehen

    Wenn ich es recht verstehe: für die Leistensymbole musst du list-style-image behalten, content bzw. --bookmark-item-icon wirken nur auf das Popupmenu.

  • Buttons funktionieren nur im / für das erste Fenster

    • Horstmann
    • 23. September 2025 um 21:00
    Zitat von Mitleser

    Der Dateiname ist übrigens wegen des Startzeitpunktes bewusst gewählt:
    00_VertToolbarWithButton_lite.uc.js

    Ich werd verrückt, das löst das Problem; hätt ich selber dran denken sollen... 8|

    Die Post oben lass ich mal stehen, vielleicht ist ja trotzdem irgendwas nützliches drin... :whistling:
    Es werden ja die Custom Buttons auch ohne deine Namens-Lösung in diese Zusatzleiste(n) physisch geladen und dargestellt, nur halt der bei meinem Fix#2 im Button JS unten angehängte addEventListener nicht rechtzeitig, daher ohne Funktion. :/

    Herzlichen Dank mal wieder! :)

  • Buttons funktionieren nur im / für das erste Fenster

    • Horstmann
    • 23. September 2025 um 19:59

    Ich bin dann doch noch über einen Fehler gestolpert:

    Die von mir vorgeschlagene Lösung funktioniert hier generell prima, mit einer Ausnahme: in eigenen Zusatzleisten, die nicht auf der navigator-toolbox basiert sind, funktioniert mein Code nicht. X/

    Im JS Beispiel unten:

    - Fix #1 funktioniert in den erwähnten Zusatzleisten, hat aber die in dieser Thread diskutierten Fehler (Elchtest).

    - Fix #2 funktioniert nicht in den erwähnten Zusatzleisten, löst aber nach wie vor das ursprüngliche Problem.

    - Fix #3 funktioniert hier auch in den erwähnten Zusatzleisten, und löst das ursprüngliche Problem.

    Es hat vermutlich zu tun mit dieser Problematik, an der BrokenHeart schon gearbeitet hat, und Zusatzleisten wie diese , an der Mitleser und ich gebastelt hatten, oder vergleichbaren. :/
    Vermutlich wird in einigen Fällen der addEventListener in Fix#2 einzusetzen versucht, bevor der Button komplett(?) in der Zusatzleisten geladen wurde; ähnliches Problem im Anpassenfenster, aber da gibt's nur eine harmlosen Konsolenfehlermeldung.

    Das ist ein sehr spezieller Anwendungsfall, daher gibt es wohl keinen Grund bestehende Codes deshalb umzuschreiben, ich wollte es nur der Vollständigkeit halber erwähnt haben. 8)

    Beispielscript bei Interesse:

    JavaScript
    //  aboutaddons-button.uc.js Test fix Zusatzleisten
    
      (function() {
      if (!window.gBrowser) return;
        try {
            CustomizableUI.createWidget({
                id: 'Addon_button',
                type: 'custom',
                defaultArea: CustomizableUI.AREA_NAVBAR,
                onBuild: function(aDocument) {
                    let Add_icon = 'Letters_A-1.png';  // eigenes Icon in Profilordner/chrome/icons
                    let curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));
                    let iconPath = '/chrome/icons/';
                    let toolbaritem = aDocument.createXULElement("toolbarbutton");
                    let props = {
                        id: 'Addon_button',
                        class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                        label: 'Addons',
                        tooltiptext: 'about:addons',
                        style: 'list-style-image: url(chrome://global/skin/icons/plus.svg)',
                        //style: 'list-style-image: url("' + curProfDir + iconPath + Add_icon + '")',
                    };
                    for (let p in props)
                        toolbaritem.setAttribute(p, props[p]);
    
                      // Fix #1 Elchtest Fehler
                      // toolbaritem.addEventListener('click', event => {
                      //   if (event.button === 0) {
                      //      openTrustedLinkIn("about:addons", "tab");
                      //      }
                      //   });
    
                    return toolbaritem;
                }
            });
        } catch(e) { };
    
                // Fix #2 Elchtest ok, Zusatzleisten Fehler
                // document.getElementById('Addon_button').addEventListener('click', event => {
                //   if (event.button === 0) {
                //      openTrustedLinkIn("about:addons", "tab");
                //      }
                //   });
    
                // Fix #3 Elchtest ok, Zusatzleisten ok
                (function add_button() {
                      let btn_exists = document.getElementById('Addon_button');
                      if (btn_exists) {
                        btn_exists.addEventListener('click', function(event) {
                          if (event.button === 0) {
                            openTrustedLinkIn("about:addons", "tab");
                          }
                        });
                      } else {
                        setTimeout(add_button, 100);
                      }
                  })();
    
      })();
    Alles anzeigen
  • Vertikale Zusatzleiste

    • Horstmann
    • 23. September 2025 um 12:25
    Zitat von grisu2099

    Kann mal bitte jemand im Nightly überprüfen, ob dort die Angabe des z-index noch nötig ist (oder ob ich hier wieder irgendeinen Fehler beim Testen produziert habe...) :saint:

    EDIT: Hat sich erledigt - habs gefunden...

    Top Lösungsbeschreibung! ^^

    Wenn ich raten müsste: man braucht den z-index noch? :/

  • Vertikale Zusatzleiste

    • Horstmann
    • 22. September 2025 um 20:39
    Zitat von lenny2
    Zitat von Horstmann

    #navigator-toolbox { z-index: 3 !important; }

    Dieser Code in userChrome.css hat geholfen. Ich konnte ihn nicht in das Skript einfügen.

    Schau mal hier in Zeile 53, könnte klappen für den Zweck.

  • Icon für Lesezeichen-Ordner nicht mehr in Farbe (CSS-Code streikt)

    • Horstmann
    • 22. September 2025 um 20:37
    Zitat von lionsson
    Zitat von AdminFox
    Zitat von lionsson

    In welchem Ordner sind die Icons gespeichert, wenn man FF immer standardmäßig installiert hat?

    Grüße Lionsson

    Befindet sich im Firefox Ordner den Icon Ordner muss man selber erstellen.

    Aber die anderen Icons (Symbole?) für Lesezeichen, Chronic, Einstellungen,... müssen doch auch irgendwo gespeichert sein, denke ich. Nein?
    Einen Icon-Ordner habe gibt es ier augenscheinlich nicht, ich habe auch nie einen erstellt.

    Es gibt nicht einen per se zugänglichen Ordner für die normalen Fx Icons.

    Wenn du eigene Icons benutzen willst, müssen die von dir separat abgespeichert werden, am Einfachsten in deinem erstellten chrome Ordner, wo auch die userChrome.css Datei ist, bzw. in einem selber erstellten Unterordner im chrome Ordner, zB ein Ordner namens icons.

    Dann kannst du in der userChrome.css auf dieses icon verlinken, zb. mit list-style-image: url('icons/folder-yellow.png');, je nachdem was das jeweilige Element verlangt.
    Abhängig vom OS kann dieser relative Dateipfad evtl. etwas anders aussehen, das oben klappt auf Mac und scheinbar Linux.

    Falls du userChrome.css noch nicht benutzt, kannst du dich zB hier im Anpassungen Forum dazu einlesen, gibt auch ein Sticky zum Thema.

  • Icon für Lesezeichen-Ordner nicht mehr in Farbe (CSS-Code streikt)

    • Horstmann
    • 22. September 2025 um 15:09
    Zitat von AdminFox

    Funktioniert.

    Prima. :)

    Siehe auch hier und abwärts, absolute Dateipfade scheint man nicht zu benötigen. :/

  • Icon für Lesezeichen-Ordner nicht mehr in Farbe (CSS-Code streikt)

    • Horstmann
    • 22. September 2025 um 13:37
    Zitat von AdminFox
    Zitat von 2002Andreas

    Das ist aber nicht der kompl. genaue Pfad, sondern eine Abkürzung, und die funktioniert damit nicht mehr.

    Den genaueren Pfad habe ich in der css Datei Eingetragen.

    So sieht der genauere Pfad aus musste hier mein Name ändern hier.

    CSS
     treechildren::-moz-tree-image(container),
    .bookmark-item[container="true"] {
      list-style-image: url('icons/folder-yellow.png') !important;
    }

    Probier mal das aus, zusätzlich zu deinem Code:

    CSS
    .bookmark-item[container] > img {
    	content: url('icons/folder-yellow.png') !important;
    }
  • Vertikale Zusatzleiste

    • Horstmann
    • 20. September 2025 um 22:11
    Zitat von grisu2099
    CSS
    #fp-toolbar {
    		z-index: 3 !important;
    	}

    Das in die user-chrome.css einfügen. Neustart nicht vergessen...

    Evtl. probieren (s. auch folgende Beiträge unter dem Link )

    CSS
    #navigator-toolbox {
    		z-index: 3 !important;
    	}

Unterstütze uns!

Jährlich (2025)

104,5 %

104,5% (679,10 von 650 EUR)

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