Probleme mit den vertikalen Zusatzleisten-Scripte

omar1979

Hallo allen..

Wie ihr im ersten Screenshot sieht, sind meine beiden vertikalen Zusatzleisten seid einiger Zeit beide auf der linken Seiten, obwohl ich vorher das Eine auf der rechten Seite hatte. Ich kann die leider auch im "Symbolleiste-Anpassen-Fenster" nicht mehr sehen (siehe zweiten Screenshot).

Und hier die beiden Scripte:

2_VertikaleZusatzleisteLinks.uc.js

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)


ChromeUtils.importESModule("resource:///modules/CustomizableUI.sys.mjs");
var appversion = parseInt(Services.appinfo.version);



var AddonbarVertical = {
  init: function() {

    if (appversion >= 76 && location != 'chrome://browser/content/browser.xhtml')
      return;

    /* blank tab workaround */
    try {
      if(gBrowser.selectedBrowser.getAttribute('blank')) gBrowser.selectedBrowser.removeAttribute('blank');
    } catch(e) {}
      
    var addonbar_v_label = "Vertical left Add-on Bar"; // toolbar name
    var button_label = "Toggle vertical left Add-on Bar"; // Toggle button name
    var addonbar_v_togglebutton = true; // display toggle button for vertical toolbar (true) or not (false)
    var addonbar_v_on_the_left = true; // 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 || appversion >= 86) 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:-moz-lwtheme #addonbar_v { \
          background: var(--lwt-accent-color) !important; \
        } \
        #main-window[lwtheme-image="true"]:-moz-lwtheme #addonbar_v { \
          background: var(--lwt-header-image) !important; \
          background-position: 0vw 50vh !important; \
        } \
        #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:-moz-lwtheme { \
          background: var(--lwt-header-image) !important; \
          background-position: 100vw 50vh !important; \
        } \
        #addonbar_v toolbarbutton, \
        #addonbar_v toolbar .toolbarbutton-1 { \
          padding: 0 !important; \
        } \
        '+end_border+' \
      ';
    }
    
    if(addonbar_v_togglebutton) {
      tooglebutton_addonbar_v_style ='\
         #tooglebutton_addonbar_v:hover > .toolbarbutton-icon {\
         background-color: var(--toolbarbutton-active-background)!important; }\
         #tooglebutton_addonbar_v> .toolbarbutton-icon {\
          background-color: transparent !important;}\
        #tooglebutton_addonbar_v .toolbarbutton-icon { \
          list-style-image: url("chrome://browser/skin/sidebars.svg"); \
          fill: white; \
        }\
        /*#tooglebutton_addonbar_v .toolbarbutton-icon { \
          list-style-image: url("chrome://browser/skin/forward.svg"); \
          fill: red; \
        } \
        #tooglebutton_addonbar_v[checked] .toolbarbutton-icon { \
          fill: green;  \
          background:none !important;\
        } \
        #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);
/* Use the below code instead of the one above this line, if issues occur */
/*
setTimeout(function(){
  AddonbarVertical.init();
},2000);
*/

Alles anzeigen

3_VertikaleZusatzleisteRechts.uc.js

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)


ChromeUtils.importESModule("resource:///modules/CustomizableUI.sys.mjs");
var appversion = parseInt(Services.appinfo.version);



var AddonbarVertical = {
  init: function() {

    if (appversion >= 76 && location != 'chrome://browser/content/browser.xhtml')
      return;

    /* blank tab workaround */
    try {
      if(gBrowser.selectedBrowser.getAttribute('blank')) gBrowser.selectedBrowser.removeAttribute('blank');
    } catch(e) {}
      
    var addonbar_v2_label = "Vertical right Add-on Bar"; // toolbar name
    var button_label = "Toggle vertical right Add-on Bar"; // Toggle button name
    var addonbar_v2_togglebutton = true; // display toggle button for vertical toolbar (true) or not (false)
    var addonbar_v2_on_the_left = false; // display vertical toolbar on the left (true) or the right (false)
    var insert_before_borders = true; // may not always offer a visible change
    var style_addonbar_v2 = true; // apply default toolbar appearance/colors to vertical add-on bar
    var addonbar_v2_width = "30px"; // toolbar width
    var compact_buttons = false; // compact button size (true) or default button size (false)

    try {
     if(document.getElementById('toolbox_abv2') == null && document.getElementById('addonbar_v2') == null) {
      if(appversion <= 62) var toolbox_abv2 = document.createElement("toolbox");
      else var toolbox_abv2 = document.createXULElement("toolbox");
      toolbox_abv2.setAttribute("orient","horizontal");
      toolbox_abv2.setAttribute("id","toolbox_abv2");
      toolbox_abv2.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_v2");
      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_v2_label);
      tb_addonbarv.setAttribute("label", addonbar_v2_label);
      tb_addonbarv.setAttribute("lockiconsize","true");
      tb_addonbarv.setAttribute("defaultset","spring");
      
      toolbox_abv2.appendChild(tb_addonbarv);
      
      CustomizableUI.registerArea("addonbar_v2", {legacy: true});
      if(appversion >= 65) CustomizableUI.registerToolbarNode(tb_addonbarv);
      
      if(addonbar_v2_on_the_left) {
        if(insert_before_borders || appversion >= 86) document.getElementById("browser").insertBefore(toolbox_abv2,document.getElementById("browser").firstChild);
        else document.getElementById("browser").insertBefore(toolbox_abv2,document.getElementById("browser").firstChild.nextSibling);
      }
      else {
        if(insert_before_borders) document.getElementById("browser").appendChild(toolbox_abv2);
        else document.getElementById("browser").insertBefore(toolbox_abv2,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_v2').setAttribute("orient","horizontal");
              document.querySelector('#navigator-toolbox').appendChild(document.querySelector('#addonbar_v2'));
            }
            else  {
              document.querySelector('#addonbar_v2').setAttribute("orient","vertical");
              document.querySelector('#toolbox_abv2').appendChild(document.querySelector('#addonbar_v2'));

            }
          } 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_v2"), Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"));
        setToolbarVisibility(document.getElementById("toolbox_abv2"), Services.prefs.getBranch("browser.vaddonbar.").getBoolPref("enabled"));
      } catch(e) {}
      
      if(addonbar_v2_togglebutton) {
      
        CustomizableUI.createWidget({
            id: "tooglebutton_addonbar_v2", // 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_v2");
                  setToolbarVisibility(vAddonBar, vAddonBar.collapsed);
                      
                  var vAddonBarBox = win.document.getElementById("toolbox_abv2");
                  setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);
                      
                  Services.prefs.getBranch("browser.vaddonbar.").setBoolPref("enabled",!vAddonBar.collapsed);
                  
                  if(!vAddonBar.collapsed)
                    win.document.querySelector('#tooglebutton_addonbar_v2').setAttribute("checked","true");
                  else win.document.querySelector('#tooglebutton_addonbar_v2').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_v2");\
          setToolbarVisibility(vAddonBar, vAddonBar.collapsed);\
          var vAddonBarBox = win.document.getElementById("toolbox_abv2");\
          setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);\
          Services.prefs.getBranch("browser.vaddonbar.").setBoolPref("enabled",!vAddonBar.collapsed);\
          if(!vAddonBar.collapsed)\
            win.document.querySelector("#tooglebutton_addonbar_v2").setAttribute("checked","true");\
          else win.document.querySelector("#tooglebutton_addonbar_v2").removeAttribute("checked");\
        }\
      ');
      document.getElementById('mainKeyset').appendChild(key);
      
     }
    } catch(e) {}
    
    // style toolbar & toggle button
    var addonbar_v2_style = '';
    var tooglebutton_addonbar_v2_style = '';
    
    if(style_addonbar_v2) {
      var end_border =' \
        #addonbar_v2 { \
            -moz-border-end: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important; \
        }\
      ';
          
      if(!addonbar_v2_on_the_left) {
        end_border ='\
          #addonbar_v2 { \
            -moz-border-start: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important; \
          }\
        ';
      }

      addonbar_v2_style ='\
        #addonbar_v2 { \
          -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:-moz-lwtheme #addonbar_v2 { \
          background: var(--lwt-accent-color) !important; \
        } \
        #main-window[lwtheme-image="true"]:-moz-lwtheme #addonbar_v2 { \
          background: var(--lwt-header-image) !important; \
          background-position: 0vw 50vh !important; \
        } \
        #main-window:not([customizing]) #toolbox_abv2:not([collapsed="true"]), \
        #main-window:not([customizing]) #addonbar_v2:not([collapsed="true"]) { \
          min-width: '+addonbar_v2_width+'; \
          width: '+addonbar_v2_width+'; \
          max-width: '+addonbar_v2_width+'; \
        } \
        #main-window[chromehidden="menubar toolbar location directories status extrachrome "] #toolbox_abv2:not([collapsed="true"]), \
        #main-window[chromehidden="menubar toolbar location directories status extrachrome "] #addonbar_v2:not([collapsed="true"]), \
        #main-window[sizemode="fullscreen"] #toolbox_abv2:not([collapsed="true"]), \
        #main-window[sizemode="fullscreen"] #addonbar_v2:not([collapsed="true"]) { \
          min-width: 0px; \
          width: 0px; \
          max-width: 0px; \
        } \
        #main-window[customizing] #addonbar_v2 { \
          outline: 1px dashed !important; \
          outline-offset: -2px !important; \
        } \
        #addonbar_v2:-moz-lwtheme { \
          background: var(--lwt-header-image) !important; \
          background-position: 100vw 50vh !important; \
        } \
        #addonbar_v2 toolbarbutton, \
        #addonbar_v2 toolbar .toolbarbutton-1 { \
          padding: 0 !important; \
        } \
        '+end_border+' \
      ';
    }
    
    if(addonbar_v2_togglebutton) {
      tooglebutton_addonbar_v2_style ='\
         #tooglebutton_addonbar_v2:hover > .toolbarbutton-icon {\
         background-color: var(--toolbarbutton-active-background)!important; }\
         #tooglebutton_addonbar_v2> .toolbarbutton-icon {\
          background-color: transparent !important;}\
        #tooglebutton_addonbar_v2 .toolbarbutton-icon { \
          list-style-image: url("chrome://browser/skin/sidebars.svg"); \
          fill: white; \
        }\
        /*#tooglebutton_addonbar_v2 .toolbarbutton-icon { \
          list-style-image: url("chrome://browser/skin/forward.svg"); \
          fill: red; \
        } \
        #tooglebutton_addonbar_v2[checked] .toolbarbutton-icon { \
          fill: green;  \
          background:none !important;\
        } \
        #tooglebutton_addonbar_v2 { \
          background: url("chrome://browser/skin/back.svg") no-repeat; \
          background-size: 35% !important; \
          background-position: 10% 70% !important; \
        } \
        #tooglebutton_addonbar_v2[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_v2 toolbarbutton .toolbarbutton-icon { \
          padding: 0 !important; \
          width: 16px !important; \
          height: 16px !important; \
        } \
        #addonbar_v2 .toolbarbutton-badge-stack { \
          padding: 0 !important; \
          margin: 0 !important; \
          width: 16px !important; \
          min-width: 16px !important; \
          height: 16px !important; \
          min-height: 16px !important; \
        } \
        #addonbar_v2 toolbarbutton .toolbarbutton-badge { \
          margin-top: 0px !important; \
          font-size: 8px !important; \
        } \
      ";
      
    var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent('\
      '+addonbar_v2_style+' \
      '+tooglebutton_addonbar_v2_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);
/* Use the below code instead of the one above this line, if issues occur */
/*
setTimeout(function(){
  AddonbarVertical.init();
},2000);
*/

Alles anzeigen

Woran kann das liegen? Ich würde gerne die Eine wieder rechts haben und im "Symbolleiste-Anpassen-Fenster" andere Icons dort rein- bzw rausverschieben können. Dankeschön..

Dharkness

Zitat von omar1979

sind meine beiden vertikalen Zusatzleisten seid einiger Zeit beide auf der linken Seiten

Deine Version ist sehr alt, es gibt eine neue Version, guckst Du da ↓.

#Vertical Add-on Bar

2002Andreas

Zitat von omar1979

Woran kann das liegen?

teste bitte:

VertikaleZusatzleisteLinks.uc.js

JavaScript

// 'Vertical Add-on Bar' script for Firefox 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");
ChromeUtils.importESModule("resource:///modules/CustomizableUI.sys.mjs");


var AddonbarVertical = {
  init: function() {

	if (location != 'chrome://browser/content/browser.xhtml')
      return;

	/* blank tab workaround */
	try {
	  if(gBrowser.selectedBrowser.getAttribute('blank')) gBrowser.selectedBrowser.removeAttribute('blank');
	} catch(e) {}
	  
	var addonbar_v_label = 'Vertical Add-on Bar'; // toolbar name
	var button_label = 'Toggle vertical Add-on Bar'; // Toggle button name
	var addonbar_v_togglebutton = true; // display toggle button for vertical toolbar (true) or not (false)
	var addonbar_v_on_the_left = true; // display vertical toolbar on the left (true) or the right (false)
	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) {
	  var toolbox_abv = document.createXULElement('toolbox');
	  toolbox_abv.setAttribute('orient','horizontal');
	  toolbox_abv.setAttribute('id','toolbox_abv');
	  toolbox_abv.setAttribute('insertbefore','sidebar-box');
	  
	  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');
	  tb_addonbarv.setAttribute("accesskey","");
	  
	  toolbox_abv.appendChild(tb_addonbarv);
	  
	  CustomizableUI.registerArea('addonbar_v', {legacy: true});

	  setTimeout(function(){
		CustomizableUI.registerArea('addonbar_v', {legacy: true});
	  },2000);
	  
	  CustomizableUI.registerToolbarNode(tb_addonbarv);
	  
	  if(addonbar_v_on_the_left) {
	    document.getElementById('browser').insertBefore(toolbox_abv,document.getElementById('browser').firstChild);
	  }
	  else {
		document.getElementById('browser').appendChild(toolbox_abv);
	  }
	  
  	  var observer = new MutationObserver(function(mutations) {
		mutations.forEach(function(mutation) {
		  try {
			if(document.querySelector('#browser').getAttribute('hidden') || 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: 'togglebutton_addonbar_v', // button id
			defaultArea: CustomizableUI.AREA_NAVBAR,
			removable: true,
			label: button_label, // button title
			tooltiptext: button_label, // tooltip title
			onClick: function(event) {
			  if(event.button==0 || event.button==1) {
			    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('#togglebutton_addonbar_v').setAttribute('checked','true');
				  else win.document.querySelector('#togglebutton_addonbar_v').removeAttribute('checked');
				}
			  }
			},
			onCreated: function(button) {
			  if(Services.prefs.getBranch('browser.vaddonbar.').getBoolPref('enabled'))
			    button.setAttribute('checked','true');
			  return button;
			}
				
		});
	  }

	  // Press 'Ctr + Alt + /' on Windows/Linux and 'Cmd + Alt + /' on macOS to toggle vertical add-on bar
	  var key = document.createXULElement('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('#togglebutton_addonbar_v').setAttribute('checked','true');
		  else win.document.querySelector('#togglebutton_addonbar_v').removeAttribute('checked');
		}
	  `);
	  document.getElementById('mainKeyset').appendChild(key);
	  
	 }
	} catch(e) {}
	
	// style toolbar & toggle button
	var addonbar_v_style = '';
	var togglebutton_addonbar_v_style = '';
	
	if(style_addonbar_v) {
	  var end_border =`
		#addonbar_v {
			border-inline-end: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important;
		}
	  `;
		  
	  if(!addonbar_v_on_the_left) {
		end_border =`
		  #addonbar_v {
			border-inline-start: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important;
		  }
		`;
	  }

	  addonbar_v_style =`
		#addonbar_v {
		  appearance: none !important;
		  background-color: var(--toolbar-bgcolor);
		  background-image: var(--toolbar-bgimage);
		  background-clip: padding-box;
		  color: var(--toolbar-color, inherit);
		}
		:root[lwtheme] #addonbar_v {
		  background: var(--lwt-accent-color) !important;
		}
		:root[lwtheme][lwtheme-image='true'] #addonbar_v {
		  background: var(--lwt-header-image) !important;
		  background-position: 0vw 50vh !important;
		}
		#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 toolbarbutton,
		#addonbar_v toolbar .toolbarbutton-1 {
		  padding: 0 !important;
		}
		#unified-extensions-button[hidden]{
			visibility: visible !important;
			display: flex !important;
		}
		#addonbar_v toolbaritem separator {
			display: none !important;
		}
		#main-window:not([customizing]) #addonbar_v > toolbaritem {
		  writing-mode: vertical-rl !important;
		  text-orientation: mixed !important;
		  transform: rotate(0deg) !important;
		}
		#main-window:not([customizing]) #addonbar_v > toolbaritem menupopup {
		  max-height: 170px !important;
		  max-width: 170px !important;
		  transform: rotate(-90deg) !important;
		}
		#main-window:not([customizing]) #addonbar_v > toolbaritem .toolbarbutton-badge {
		  transform: rotate(-90deg) !important;
		  position: absolute !important;
		  padding: 1px 2px !important;
		  top: -4px !important;
		}
		#main-window:not([customizing]) #addonbar_v #search-container,
		#main-window:not([customizing]) #addonbar_v #wrapper-search-container {
		  flex: unset !important;
		}
		#main-window:not([customizing]) #addonbar_v #search-container {
		  min-width: unset !important;
		  width: unset !important;
		  height: 100px !important;

		  &[width] {
			flex: unset !important;
		  }
		}
		#main-window:not([customizing]) #addonbar_v #zoom-reset-button > .toolbarbutton-text {
		  min-width: unset !important;
		  min-height: unset !important;
		}
		#main-window:not([customizing]) #addonbar_v #zoom-reset-button:not([label]) {
		  display: none !important;
		}
		#main-window:not([customizing]) #addonbar_v .toolbarbutton-combined-buttons-dropmarker > .toolbarbutton-icon {
		  width: unset !important;
		  height: 16px !important;
		}
		`+end_border+`
	  `;
	}
	
	var addonbar_right = '';
	
	if(!addonbar_v_on_the_left) {
		addonbar_right =`
		  #toolbox_abv{
			order: 10 !important;
		  }
		`;
	}
	
	if(addonbar_v_togglebutton) {
	  togglebutton_addonbar_v_style =`
		#togglebutton_addonbar_v .toolbarbutton-icon { \
		  list-style-image: url('chrome://browser/skin/sidebars.svg');
		  fill: green; 
		}
		/*#togglebutton_addonbar_v .toolbarbutton-icon {
		  list-style-image: url('chrome://browser/skin/forward.svg');
		  fill: red;
		}
		#togglebutton_addonbar_v[checked] .toolbarbutton-icon {
		  fill: green;
		}
		#togglebutton_addonbar_v {
		  background: url('chrome://browser/skin/back.svg') no-repeat;
		  background-size: 35% !important;
		  background-position: 10% 70% !important;
		}
		#togglebutton_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 + togglebutton_addonbar_v_style + addonbar_right + 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);
/* Use the below code instead of the one above this line, if issues occur */
/*
setTimeout(function(){
  AddonbarVertical.init();
},2000);
*/

Alles anzeigen

VertikaleZusatzleisteRechts.uc.js

JavaScript

// 'Vertical Add-on Bar' script for Firefox 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");
ChromeUtils.importESModule("resource:///modules/CustomizableUI.sys.mjs");


var AddonbarVertical = {
  init: function() {

	if (location != 'chrome://browser/content/browser.xhtml')
      return;

	/* blank tab workaround */
	try {
	  if(gBrowser.selectedBrowser.getAttribute('blank')) gBrowser.selectedBrowser.removeAttribute('blank');
	} catch(e) {}
	  
	var addonbar2_v_label = 'Vertical Add-on Bar'; // toolbar name
	var button_label = 'Toggle vertical Add-on Bar'; // Toggle button name
	var addonbar2_v_togglebutton = true; // display toggle button for vertical toolbar (true) or not (false)
	var addonbar2_v_on_the_left = false; // display vertical toolbar on the left (true) or the right (false)
	var style_addonbar2_v = true; // apply default toolbar appearance/colors to vertical add-on bar
	var addonbar2_v_width = '30px'; // toolbar width
	var compact_buttons = false; // compact button size (true) or default button size (false)

	try {
	 if(document.getElementById('toolbox_abv2') == null && document.getElementById('addonbar2_v') == null) {
	  var toolbox_abv2 = document.createXULElement('toolbox');
	  toolbox_abv2.setAttribute('orient','horizontal');
	  toolbox_abv2.setAttribute('id','toolbox_abv2');
	  toolbox_abv2.setAttribute('insertbefore','sidebar-box');
	  
	  var tb_addonbarv = document.createXULElement('toolbar');
	  tb_addonbarv.setAttribute('id','addonbar2_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', addonbar2_v_label);
	  tb_addonbarv.setAttribute('label', addonbar2_v_label);
	  tb_addonbarv.setAttribute('lockiconsize','true');
	  tb_addonbarv.setAttribute('defaultset','spring');
	  tb_addonbarv.setAttribute("accesskey","");
	  
	  toolbox_abv2.appendChild(tb_addonbarv);
	  
	  CustomizableUI.registerArea('addonbar2_v', {legacy: true});

	  setTimeout(function(){
		CustomizableUI.registerArea('addonbar2_v', {legacy: true});
	  },2000);
	  
	  CustomizableUI.registerToolbarNode(tb_addonbarv);
	  
	  if(addonbar2_v_on_the_left) {
	    document.getElementById('browser').insertBefore(toolbox_abv2,document.getElementById('browser').firstChild);
	  }
	  else {
		document.getElementById('browser').appendChild(toolbox_abv2);
	  }
	  
  	  var observer = new MutationObserver(function(mutations) {
		mutations.forEach(function(mutation) {
		  try {
			if(document.querySelector('#browser').getAttribute('hidden') || document.querySelector('#main-window').getAttribute('customizing')) {
			  document.querySelector('#addonbar2_v').setAttribute('orient','horizontal');
			  document.querySelector('#navigator-toolbox').appendChild(document.querySelector('#addonbar2_v'));
			}
			else  {
			  document.querySelector('#addonbar2_v').setAttribute('orient','vertical');
			  document.querySelector('#toolbox_abv2').appendChild(document.querySelector('#addonbar2_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('addonbar2_v'), Services.prefs.getBranch('browser.vaddonbar.').getBoolPref('enabled'));
		setToolbarVisibility(document.getElementById('toolbox_abv2'), Services.prefs.getBranch('browser.vaddonbar.').getBoolPref('enabled'));
	  } catch(e) {}
	  
	  if(addonbar2_v_togglebutton) {
	  
		CustomizableUI.createWidget({
			id: 'togglebutton_addonbar2_v', // button id
			defaultArea: CustomizableUI.AREA_NAVBAR,
			removable: true,
			label: button_label, // button title
			tooltiptext: button_label, // tooltip title
			onClick: function(event) {
			  if(event.button==0 || event.button==1) {
			    var windows = Services.wm.getEnumerator(null);
				while (windows.hasMoreElements()) {
				  var win = windows.getNext();
				  
				  var vAddonBar = win.document.getElementById('addonbar2_v');
				  setToolbarVisibility(vAddonBar, vAddonBar.collapsed);
					  
				  var vAddonBarBox = win.document.getElementById('toolbox_abv2');
				  setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);
					  
				  Services.prefs.getBranch('browser.vaddonbar.').setBoolPref('enabled',!vAddonBar.collapsed);
				  
				  if(!vAddonBar.collapsed)
					win.document.querySelector('#togglebutton_addonbar2_v').setAttribute('checked','true');
				  else win.document.querySelector('#togglebutton_addonbar2_v').removeAttribute('checked');
				}
			  }
			},
			onCreated: function(button) {
			  if(Services.prefs.getBranch('browser.vaddonbar.').getBoolPref('enabled'))
			    button.setAttribute('checked','true');
			  return button;
			}
				
		});
	  }

	  // Press 'Ctr + Alt + /' on Windows/Linux and 'Cmd + Alt + /' on macOS to toggle vertical add-on bar
	  var key = document.createXULElement('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('addonbar2_v');
		  setToolbarVisibility(vAddonBar, vAddonBar.collapsed);
		  var vAddonBarBox = win.document.getElementById('toolbox_abv2');
		  setToolbarVisibility(vAddonBarBox, vAddonBarBox.collapsed);
		  Services.prefs.getBranch('browser.vaddonbar.').setBoolPref('enabled',!vAddonBar.collapsed);
		  if(!vAddonBar.collapsed)
			win.document.querySelector('#togglebutton_addonbar2_v').setAttribute('checked','true');
		  else win.document.querySelector('#togglebutton_addonbar2_v').removeAttribute('checked');
		}
	  `);
	  document.getElementById('mainKeyset').appendChild(key);
	  
	 }
	} catch(e) {}
	
	// style toolbar & toggle button
	var addonbar2_v_style = '';
	var togglebutton_addonbar2_v_style = '';
	
	if(style_addonbar2_v) {
	  var end_border =`
		#addonbar2_v {
			border-inline-end: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important;
		}
	  `;
		  
	  if(!addonbar2_v_on_the_left) {
		end_border =`
		  #addonbar2_v {
			border-inline-start: 1px solid var(--sidebar-border-color,rgba(0,0,0,0.1)) !important;
		  }
		`;
	  }

	  addonbar2_v_style =`
		#addonbar2_v {
		  appearance: none !important;
		  background-color: var(--toolbar-bgcolor);
		  background-image: var(--toolbar-bgimage);
		  background-clip: padding-box;
		  color: var(--toolbar-color, inherit);
		}
		:root[lwtheme] #addonbar2_v {
		  background: var(--lwt-accent-color) !important;
		}
		:root[lwtheme][lwtheme-image='true'] #addonbar2_v {
		  background: var(--lwt-header-image) !important;
		  background-position: 0vw 50vh !important;
		}
		#main-window:not([customizing]) #toolbox_abv2:not([collapsed='true']),
		#main-window:not([customizing]) #addonbar2_v:not([collapsed='true']) {
		  min-width: `+addonbar2_v_width+`;
		  width: `+addonbar2_v_width+`;
		  max-width: `+addonbar2_v_width+`;
		}
		#main-window[chromehidden='menubar toolbar location directories status extrachrome '] #toolbox_abv2:not([collapsed='true']),
		#main-window[chromehidden='menubar toolbar location directories status extrachrome '] #addonbar2_v:not([collapsed='true']),
		#main-window[sizemode='fullscreen'] #toolbox_abv2:not([collapsed='true']),
		#main-window[sizemode='fullscreen'] #addonbar2_v:not([collapsed='true']) {
		  min-width: 0px;
		  width: 0px;
		  max-width: 0px;
		}
		#main-window[customizing] #addonbar2_v {
		  outline: 1px dashed !important;
		  outline-offset: -2px !important;
		}
		#addonbar2_v toolbarbutton,
		#addonbar2_v toolbar .toolbarbutton-1 {
		  padding: 0 !important;
		}
		#unified-extensions-button[hidden]{
			visibility: visible !important;
			display: flex !important;
		}
		#addonbar2_v toolbaritem separator {
			display: none !important;
		}
		#main-window:not([customizing]) #addonbar2_v > toolbaritem {
		  writing-mode: vertical-rl !important;
		  text-orientation: mixed !important;
		  transform: rotate(0deg) !important;
		}
		#main-window:not([customizing]) #addonbar2_v > toolbaritem menupopup {
		  max-height: 170px !important;
		  max-width: 170px !important;
		  transform: rotate(-90deg) !important;
		}
		#main-window:not([customizing]) #addonbar2_v > toolbaritem .toolbarbutton-badge {
		  transform: rotate(-90deg) !important;
		  position: absolute !important;
		  padding: 1px 2px !important;
		  top: -4px !important;
		}
		#main-window:not([customizing]) #addonbar2_v #search-container,
		#main-window:not([customizing]) #addonbar2_v #wrapper-search-container {
		  flex: unset !important;
		}
		#main-window:not([customizing]) #addonbar2_v #search-container {
		  min-width: unset !important;
		  width: unset !important;
		  height: 100px !important;

		  &[width] {
			flex: unset !important;
		  }
		}
		#main-window:not([customizing]) #addonbar2_v #zoom-reset-button > .toolbarbutton-text {
		  min-width: unset !important;
		  min-height: unset !important;
		}
		#main-window:not([customizing]) #addonbar2_v #zoom-reset-button:not([label]) {
		  display: none !important;
		}
		#main-window:not([customizing]) #addonbar2_v .toolbarbutton-combined-buttons-dropmarker > .toolbarbutton-icon {
		  width: unset !important;
		  height: 16px !important;
		}
		`+end_border+`
	  `;
	}
	
	var addonbar_right = '';
	
	if(!addonbar2_v_on_the_left) {
		addonbar_right =`
		  #toolbox_abv2{
			order: 10 !important;
		  }
		`;
	}
	
	if(addonbar2_v_togglebutton) {
	  togglebutton_addonbar2_v_style =`
		#togglebutton_addonbar2_v .toolbarbutton-icon { \
		  list-style-image: url('chrome://browser/skin/sidebars.svg');
		  fill: green; 
		}
		/*#togglebutton_addonbar2_v .toolbarbutton-icon {
		  list-style-image: url('chrome://browser/skin/forward.svg');
		  fill: red;
		}
		#togglebutton_addonbar2_v[checked] .toolbarbutton-icon {
		  fill: green;
		}
		#togglebutton_addonbar2_v {
		  background: url('chrome://browser/skin/back.svg') no-repeat;
		  background-size: 35% !important;
		  background-position: 10% 70% !important;
		}
		#togglebutton_addonbar2_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 = `
		#addonbar2_v toolbarbutton .toolbarbutton-icon {
		  padding: 0 !important;
		  width: 16px !important;
		  height: 16px !important;
		}
		#addonbar2_v .toolbarbutton-badge-stack {
		  padding: 0 !important;
		  margin: 0 !important;
		  width: 16px !important;
		  min-width: 16px !important;
		  height: 16px !important;
		  min-height: 16px !important;
		}
		#addonbar2_v toolbarbutton .toolbarbutton-badge {
		  margin-top: 0px !important;
		  font-size: 8px !important;
		}
	  `;
	  
	var uri = Services.io.newURI('data:text/css;charset=utf-8,' + encodeURIComponent(''+addonbar2_v_style + togglebutton_addonbar2_v_style + addonbar_right + 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);
/* Use the below code instead of the one above this line, if issues occur */
/*
setTimeout(function(){
  AddonbarVertical.init();
},2000);
*/

Alles anzeigen

omar1979

Zitat von 2002Andreas

teste bitte:

Muss ich bei denen was ändern?

Habe nichts geändert, ~~kann aber die vertikale Zusatzleiste rechts nicht sehen..~~

hab nachdem Screenshot hier geladen habe, gesehen, dass es dort rechts ist, aber in "weisser Farbe".

Das heisst, muss die ID finden und es rot einfärben.

Aber muss nichts ändern.. oder doch?

2002Andreas

Zitat von omar1979

Muss ich bei denen was ändern?

Du solltst erstmal nur testen, ob beide Leisten wieder vorhanden sind bei dir.

Also nur erstmal beide Skripte neu einfügen..Cache löschen beim Neustart vom Firefox.

Zitat von omar1979

und es rot einfärben.

In Zeile 184 auf red !important; ändern:

omar1979

Zitat von 2002Andreas

Du solltst erstmal nur testen, ob beide Leisten wieder vorhanden sind bei dir.
Also nur erstmal beide Skripte neu einfügen..Cache löschen beim Neustart vom Firefox.

Ja sind da, auch im Symbolleiste-Anpassungs-Fenster. Dankeschön.

muss nur wieder meine icons hinverschieben.

2002Andreas

Zitat von omar1979

Dankeschön.

gern geschehen.

Zitat von omar1979

muss nur wieder meine icons hinverschieben

Das schaffst du

2002Andreas

Zitat von omar1979

gesehen, dass es dort rechts ist, aber in "weisser Farbe".

Hast du nicht beide Skripte ausgetauscht, also auch für die linke Leiste

Denn in meinen beiden Skripten sind die Leisten nicht rot, aber auf deinem Screenshot in Beitrag Nr. 4 ist die linke in rot.

omar1979

Zitat von 2002Andreas

Hast du nicht beide Skripte ausgetauscht, also auch für die linke Leiste
Denn in meinen beiden Skripten sind die Leisten nicht rot, aber auf deinem Screenshot in Beitrag Nr. 4 ist die linke in rot.

habe beide eingefügt.. für das erste hatte ich in einem separaten css die farbe geändert. beid dem rechten stimmte die ID nicht mehr.

2002Andreas

Zitat von omar1979

für das erste hatte ich in einem separaten css die farbe geändert

Dann ist es ok so

Wobei du die Farbe ja auch im Skript ändern könntest. Dann brauchst du auch an de ID nichts ändern.

omar1979

Zitat von 2002Andreas

Wobei du die Farbe ja auch im Skript ändern könntest. Dann brauchst du auch an de ID nichts ändern.

ja aber hatte es schon, habe spät in deinem beitrag gelesen, dass man es kann.

2002Andreas

Zitat von omar1979

ja aber hatte es schon

ok

Probleme mit den vertikalen Zusatzleisten-Scripte

omar1979 14. Dezember 2024 um 03:17

Ähnliche Themen

Mehrzeilige Tableiste für aktuelle Firefox-Versionen

Probleme mit "NoScript" und deren Einstellungen.

Problem mit Darstellung Lesezeichen Symbolleiste

Problem mit Cloudflare

Probleme mit Youtube sonst nichts

Probleme mit ZOXS