Beiträge von milupo

milupo

Ich habe übrigens einen eigenen Code. Der ist etwas länger, da er etwas mehr bewirkt, und er enthält ebenfalls display: block.

milupo

Ich kann es jetzt bestätigen: Ohne display: block funktioniert der Code nicht, weder der aus Beitrag #4 noch der aus Beitrag #10. Hier muss Andreas auf jeden Fall noch mal den Code aus Beitrag #4 testen. Du hast recht, mit display: block im Code von Beitrag #4 funktioniert auch dieser Code.

milupo

Und Code aus Beitrag #10 funktioniert bei dir? Denn da hast du diese Zeile nicht drin:

url("chrome://browser/content/places/bookmarksSidebar.xul"),

milupo

Zitat von BrokenHeart

Ja, dieser Code funktioniert, aber da steht ja auch die Zeile
display: block !important;
drin.
Wenn ich die auskommentiere/lösche geht es wieder nicht (nach Löschen der Cashes).

Und warum kommentierst du sie aus?

milupo

Nur mal so nebenbei: Die Datei bookmarksPanel.xul gibt es schon eine ganze Weile nicht mehr, stattdessen bookmarksSidebar.xul. Ebenso verhält es sich mit der Datei history-panel.xul. Stattdessen gibt es historySidebar.xul.

Dann könnte ich mir vorstellen, dass die Leerzeile in Zeile 4 des Codes aus Beitrag #4 stört.

milupo

Probiere mal diesen Code:

JavaScript

// 'Vertical Add-on Bar' script for Firefox 60+ by Aris
//
// no 'close' button
// 'toggle' toolbar with 'Ctr + Alt + /' on Windows/Linux or 'Cmd + Alt + /' on macOS
// optional toggle button hides the toolbar temporarily, it gets restored on every restart
// 'Vertical Add-on Bar' entry is only visible in toolbars context menu when in customizing mode
//
// flexible spaces on toolbar work 'vertically'
// toolbar can be on the left or on the right
// toolbar is display horizontally in customizing mode

// [!] Fix for WebExtensions with own windows by 黒仪大螿蟹 (for 1-N scripts)


Components.utils.import("resource:///modules/CustomizableUI.jsm");
var {Services} = Components.utils.import("resource://gre/modules/Services.jsm", {});
var appversion = parseInt(Services.appinfo.version);



var AddonbarVertical = {
  init: function() {
      
    /* blank tab workaround */
    try {
      if(gBrowser.selectedBrowser.getAttribute('blank')) gBrowser.selectedBrowser.removeAttribute('blank');
    } catch(e) {}
      
    var addonbar_v_label = "Vertikale Add-on-Leiste"; // toolbar name
    var button_label = "Vertikale Add-on-Leiste umschalten";// Toggle button name
    var addonbar_v_togglebutton = true; // display toggle button for vertical toolbar (true) or not (false)
    var addonbar_v_on_the_left = false; // display vertical toolbar on the left (true) or the right (false)
    var insert_before_borders = false; // may not always offer a visible change
    var style_addonbar_v = true; // apply default toolbar appearance/colors to vertical add-on bar
    var addonbar_v_width = "30px"; // toolbar width
    var compact_buttons = false; // compact button size (true) or default button size (false)

    try {
     if(document.getElementById('toolbox_abv') == null && document.getElementById('addonbar_v') == null) {
      if(appversion <= 62) var toolbox_abv = document.createElement("toolbox");
      else var toolbox_abv = document.createXULElement("toolbox");
      toolbox_abv.setAttribute("orient","horizontal");
      toolbox_abv.setAttribute("id","toolbox_abv");
      toolbox_abv.setAttribute("insertbefore","sidebar-box");
      
      if(appversion <= 62) var tb_addonbarv = document.createElement("toolbar");
      else var tb_addonbarv = document.createXULElement("toolbar");
      tb_addonbarv.setAttribute("id","addonbar_v");
      tb_addonbarv.setAttribute("customizable","true");
      tb_addonbarv.setAttribute("class","toolbar-primary chromeclass-toolbar browser-toolbar customization-target");
      tb_addonbarv.setAttribute("mode","icons");
      tb_addonbarv.setAttribute("iconsize","small");
      tb_addonbarv.setAttribute("toolboxid","navigator-toolbox");
      tb_addonbarv.setAttribute("orient","vertical");
      tb_addonbarv.setAttribute("flex","1");
      tb_addonbarv.setAttribute("context","toolbar-context-menu");
      tb_addonbarv.setAttribute("toolbarname", addonbar_v_label);
      tb_addonbarv.setAttribute("label", addonbar_v_label);
      tb_addonbarv.setAttribute("lockiconsize","true");
      tb_addonbarv.setAttribute("defaultset","spring");
      
      toolbox_abv.appendChild(tb_addonbarv);
      
      CustomizableUI.registerArea("addonbar_v", {legacy: true});
      if(appversion >= 65) CustomizableUI.registerToolbarNode(tb_addonbarv);
      
      if(addonbar_v_on_the_left) {
        if(insert_before_borders) document.getElementById("browser").insertBefore(toolbox_abv,document.getElementById("browser").firstChild);
        else document.getElementById("browser").insertBefore(toolbox_abv,document.getElementById("browser").firstChild.nextSibling);
      }
      else {
        if(insert_before_borders) document.getElementById("browser").appendChild(toolbox_abv);
        else document.getElementById("browser").insertBefore(toolbox_abv,document.getElementById("browser").lastChild);
      }
      
        var observer = new MutationObserver(function(mutations) {
        mutations.forEach(function(mutation) {
          try {
            if(document.querySelector('#main-window').getAttribute('customizing')) {
              document.querySelector('#addonbar_v').setAttribute("orient","horizontal");
              document.querySelector('#navigator-toolbox').appendChild(document.querySelector('#addonbar_v'));
            }
            else  {
              document.querySelector('#addonbar_v').setAttribute("orient","vertical");
              document.querySelector('#toolbox_abv').appendChild(document.querySelector('#addonbar_v'));

            }
          } catch(e){}
        });    
      });
    
      observer.observe(document.querySelector('#main-window'), { attributes: true, attributeFilter: ['customizing'] });
      
      try {
        Services.prefs.getDefaultBranch("browser.vaddonbar.").setBoolPref("enabled",true);
        setToolbarVisibility(document.getElementById("addonbar_v"), Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"));
        setToolbarVisibility(document.getElementById("toolbox_abv"), Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"));
      } catch(e) {}
      
      if(addonbar_v_togglebutton) {
      
        CustomizableUI.createWidget({
            id: "tooglebutton_addonbar_v", // button id
            defaultArea: CustomizableUI.AREA_NAVBAR,
            removable: true,
            label: button_label, // button title
            tooltiptext: button_label, // tooltip title
            onClick: function(event) {

              var windows = Services.wm.getEnumerator(null);
                while (windows.hasMoreElements()) {
                  var win = windows.getNext();
                  
                  var vAddonBar = win.document.getElementById("addonbar_v");
                  setToolbarVisibility(vAddonBar, vAddonBar.collapsed);
                      
                  var vAddonBarBox = win.document.getElementById("toolbox_abv");
                  setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);
                      
                  Services.prefs.getBranch("browser.vaddonbar.").setBoolPref("enabled",!vAddonBar.collapsed);
                  
                  if(!vAddonBar.collapsed)
                    win.document.querySelector('#tooglebutton_addonbar_v').setAttribute("checked","true");
                  else win.document.querySelector('#tooglebutton_addonbar_v').removeAttribute("checked");
                }

            },
            onCreated: function(button) {
              if(Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"))
                button.setAttribute("checked","true");
              return button;
            }
                
        });
      }

      // 'Ctr + Alt + /' on Windows/Linux or 'Cmd + Alt + /' on macOS to toggle vertical add-on bar
      var key = document.createXULElement('key');
      if(appversion < 69) key = document.createElement("key");
      key.id = 'key_toggleVAddonBar';
      key.setAttribute('key', '/');
      key.setAttribute('modifiers', 'accel,alt');
      key.setAttribute('oncommand','\
        var windows = Services.wm.getEnumerator(null);\
        while (windows.hasMoreElements()) {\
          var win = windows.getNext();  \
          var vAddonBar = win.document.getElementById("addonbar_v");\
          setToolbarVisibility(vAddonBar, vAddonBar.collapsed);\
          var vAddonBarBox = win.document.getElementById("toolbox_abv");\
          setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);\
          Services.prefs.getBranch("browser.vaddonbar.").setBoolPref("enabled",!vAddonBar.collapsed);\
          if(!vAddonBar.collapsed)\
            win.document.querySelector("#tooglebutton_addonbar_v").setAttribute("checked","true");\
          else win.document.querySelector("#tooglebutton_addonbar_v").removeAttribute("checked");\
        }\
      ');
      document.getElementById('mainKeyset').appendChild(key);
      
     }
    } catch(e) {}
    
    // style toolbar & toggle button
    var addonbar_v_style = '';
    var tooglebutton_addonbar_v_style = '';
    
    if(style_addonbar_v) {
      var end_border =' \
        #addonbar_v { \
            -moz-border-end: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important; \
        }\
      ';
          
      if(!addonbar_v_on_the_left) {
        end_border ='\
          #addonbar_v { \
            -moz-border-start: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important; \
          }\
        ';
      }

      addonbar_v_style ='\
        #addonbar_v { \
          -moz-appearance: none !important; \
          background-color: var(--toolbar-bgcolor); \
          background-image: var(--toolbar-bgimage); \
          background-clip: padding-box; \
          color: var(--toolbar-color, inherit); \
        } \
        #main-window:not([customizing]) #toolbox_abv:not([collapsed="true"]), \
        #main-window:not([customizing]) #addonbar_v:not([collapsed="true"]) { \
          min-width: '+addonbar_v_width+'; \
          width: '+addonbar_v_width+'; \
          max-width: '+addonbar_v_width+'; \
        } \
        #main-window[chromehidden="menubar toolbar location directories status extrachrome "] #toolbox_abv:not([collapsed="true"]), \
        #main-window[chromehidden="menubar toolbar location directories status extrachrome "] #addonbar_v:not([collapsed="true"]), \
        #main-window[sizemode="fullscreen"] #toolbox_abv:not([collapsed="true"]), \
        #main-window[sizemode="fullscreen"] #addonbar_v:not([collapsed="true"]) { \
          min-width: 0px; \
          width: 0px; \
          max-width: 0px; \
        } \
        #main-window[customizing] #addonbar_v { \
          outline: 1px dashed !important; \
          outline-offset: -2px !important; \
        } \
        #addonbar_v { \
          background: var(--lwt-header-image) !important; \
          background-position: 100vw 50vh !important; \
        } \
        '+end_border+' \
      ';
    }
    
    if(addonbar_v_togglebutton) {
      tooglebutton_addonbar_v_style ='\
        #tooglebutton_addonbar_v .toolbarbutton-icon { \
          background: 6px 5px url("chrome://browser/skin/sidebars.svg") no-repeat; \
          fill: blue; \
        }\
        /*#tooglebutton_addonbar_v .toolbarbutton-icon { \
          list-style-image: url("chrome://browser/skin/forward.svg"); \
          fill: red; \
        }*/ \
        #tooglebutton_addonbar_v[checked] .toolbarbutton-icon { \
          fill: red;  \
        } \
        /*#tooglebutton_addonbar_v { \
          background: url("chrome://browser/skin/back.svg") no-repeat; \
          background-size: 35% !important; \
          background-position: 10% 70% !important; \
        } \
        #tooglebutton_addonbar_v[checked] { \
          transform: rotate(180deg) !important;  \
          background: url("chrome://browser/skin/back.svg") no-repeat; \
          background-position: 10% 30% !important; \
        }*/\
      ';
    }
    
    var compact_buttons_code = "";
    
    if(compact_buttons)
      compact_buttons_code = "\
        #addonbar_v toolbarbutton .toolbarbutton-icon { \
          padding: 0 !important; \
          width: 16px !important; \
          height: 16px !important; \
        } \
        #addonbar_v .toolbarbutton-badge-stack { \
          padding: 0 !important; \
          margin: 0 !important; \
          width: 16px !important; \
          min-width: 16px !important; \
          height: 16px !important; \
          min-height: 16px !important; \
        } \
        #addonbar_v toolbarbutton .toolbarbutton-badge { \
          margin-top: 0px !important; \
          font-size: 8px !important; \
        } \
      ";
      
    var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
      '+addonbar_v_style+' \
      '+tooglebutton_addonbar_v_style+' \
      '+compact_buttons_code+' \
    '), null, null);
      
    var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);
    sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
    
  }

}

/* initialization delay workaround */
document.addEventListener("DOMContentLoaded", AddonbarVertical.init(), false);

Alles anzeigen

In Zeile 32 kannst du den Wert auf true setzen. Das zeigt dann die Leiste links. Ich habe auf false gesetzt, d.h. die Leiste rechts, um nicht in Konflikt mit der Sidebar zu kommen.

milupo

Kann es sein, dass es sich hier noch um den alten Add-on-Manager handelt? Der TE verwendet den ESR.

milupo

Es geht schon mal los, dass in Zeile 5 oben browser.xul statt dem erforderlichen browser.xhtml steht. Hast du das schon mal geändert?

milupo

Zitat von Boersenfeger

Ich habe eben, nachdem #9 gelesen habe, die Nightly vom 5. 11. auf die Version von gestern Abend via UpDate über HILFE - Über Nightly gebracht.
Hier nach Neustart kein Absturz..

Ist ja logisch, wenn du eine Version nimmst, die vom Problem (noch) nicht betroffen war. Was anderes wäre gewesen, wenn das Problem im Profil gewesen wäre, dann wäre es jedoch verwunderlich, dass Nutzer mit unterschiedlichem Profil das gleiche Problem hätten.

milupo

Kann ich noch nicht bestätigen. Hast du den Installer neu heruntergeladen? Laut einer Twitter-Nachricht wäre das nicht nötig.

milupo

Du kannst es auch mit dem veränderten Code aus deiner userChrome.css probieren:

CSS

#TabsToolbar { -moz-box-ordinal-group: 2; } #nav-bar{ border-top-width: 0px !important; }

@-moz-document url("chrome://browser/content/bookmarks/bookmarksSidebar.xul"), 
url("chrome://browser/content/browser.xhtml"),
url("chrome://browser/content/history/historySidebar.xul") {
.sidebar-placesTreechildren,sidebarheader,#sidebar-search-label{
font-size:15px!important;
}
}

#PersonalToolbar .toolbarbutton-text {
font-size: 13px !important; }

Alles anzeigen

Wichtig war hier vor allem, dass die Datei browser.xul in browser.xhtml umbenannt werden muss. Die Dateien bookmarks-panel-xul und und history-panel.xul gibt es nicht mehr, stattdessen bookmarksSidebar.xul und historySidebar.xul.

In Zeile 7 kannst du die Schriftgröße für die Lesezeichen der Sidebar ändern.

Aber bitte teste das.

milupo

Noch etwas. Bitte gib nach Möglichkeit keine externen Links an. Setze deinen CSS-Code, also auch den aus der userChrome.css, in einen Code-Kasten, den du mit dem Symbol </> aus der Symbolleiste des Antwortfensters einfügen kannst, siehe dazu meinen Beitrag #2.

milupo

Hier noch ein Bildschirmfoto:

milupo

Probiere mal folgendes für die Sidebar. Die Beispielschriftgröße ist hier 20px. Die kannst du in Zeile 6 ändern.

CSS

@-moz-document url("chrome://browser/content/bookmarks/bookmarksPanel.xul"), 
url("chrome://browser/content/browser.xhtml"),
url("chrome://browser/content/places/bookmarksSidebar.xul") {

#bookmarks-view,sidebarheader,#sidebar-box,.sidebar-placesTreechildren,#sidebar-search-label,#sidebar-search-container,#placesList > treechildren {
font-size: 20px !important;
}
}

Kopiere bitte nicht den Code mit der Maus, sondern klicke auf das Symbol rechts im Code-Kasten.

milupo

Ich nutze kein Twitter, obwohl ich da vor Urzeiten mal ein Konto angelegt habe.

milupo · Nightly 72.0a1 (2019-10-25) Lupensymbol milupo 6. November 2019 um 22:27

Das ist aber nicht die Lupe des Nightlies. Du bist auf der Neuer-Tab-Seite. Schaue mal auf einer richtigen Webseite, ob du da die Lupe noch siehst.

milupo

Der Sören, immer auf dem Laufenden. Danke.

milupo

Zitat von Boersenfeger

Seis drum, morgen das nächste UpDate laden und installieren...

Warten wir's ab ...

milupo

Ich habe das Update mir mal angetan und muss es leider bestätigen, das Nightly stürzt ab. Absturzgrund: "EXCEPTION_ACCESS_VIOLATION_READ".

milupo · Nightly 72.0a1 (2019-10-25) Lupensymbol milupo 6. November 2019 um 17:55

Wie ja Sören schon schrieb, ist eine neue Design-Spezifikation in Arbeit und die Megabar auf Fx 73 verschoben. Denn die Lupe hängt mit der Megabar zusammen. Ab 7. Januar wissen wir mehr, denn dann wird Fx 73 zum Nightly.

Beiträge von milupo

Sidebar css code

Sidebar css code

Sidebar css code

Sidebar css code

Sidebar css code

Vertikale Icon-Bar

about:addons - Links in den Einstellungen

Vertikale Icon-Bar

Aktuelle Nigthly 72.0a1 stürzt bei Aufruf ab ...

Aktuelle Nigthly 72.0a1 stürzt bei Aufruf ab ...

Wie Schriftgröße für Lesezeichen in Sidebar ändern

Wie Schriftgröße für Lesezeichen in Sidebar ändern

Wie Schriftgröße für Lesezeichen in Sidebar ändern

Wie Schriftgröße für Lesezeichen in Sidebar ändern

Aktuelle Nigthly 72.0a1 stürzt bei Aufruf ab ...

Nightly 72.0a1 (2019-10-25) Lupensymbol

Aktuelle Nigthly 72.0a1 stürzt bei Aufruf ab ...

Aktuelle Nigthly 72.0a1 stürzt bei Aufruf ab ...

Aktuelle Nigthly 72.0a1 stürzt bei Aufruf ab ...

Nightly 72.0a1 (2019-10-25) Lupensymbol