Vertikale Icon-Bar

Fox2Fox

Da wendest du dich am besten an das Thunderbird-Forum

AngelOfDarkness

Der Code haut auch nicht mehr so recht hin:

CSS

(function() {
/*******************************************************************************/


	if (location != 'chrome://browser/content/browser.xul') {
		return;
	}


/*******************************************************************************/

	// Background Color
	var vb_bg_color = 'rgba( 255 , 0 , 255 , 0.75 )';
	// Border Color
	var vb_border_color = 'rgb( 0 , 0 , 0 )';
	// Number of columns
	var vb_cols = 1;
	// Visibility on Start
	var vb_visibilityOnStart = 1;

	// Button Icon, if Toolbar is visible
	vb_isVisibleImage = 'url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="context-fill" d="M11.414 10l2.293-2.293a1 1 0 0 0 0-1.414 4.418 4.418 0 0 0-.8-.622L11.425 7.15h.008l-4.3 4.3v-.017l-1.48 1.476a3.865 3.865 0 0 0 .692.834 1 1 0 0 0 1.37-.042L10 11.414l3.293 3.293a1 1 0 0 0 1.414-1.414zm3.293-8.707a1 1 0 0 0-1.414 0L9.7 4.882A2.382 2.382 0 0 1 8 2.586V2a1 1 0 0 0-1.707-.707l-5 5A1 1 0 0 0 2 8h.586a2.382 2.382 0 0 1 2.3 1.7l-3.593 3.593a1 1 0 1 0 1.414 1.414l12-12a1 1 0 0 0 0-1.414zm-9 6a4.414 4.414 0 0 0-1.571-1.015l2.143-2.142a4.4 4.4 0 0 0 1.013 1.571 4.191 4.191 0 0 0 .9.684L6.39 8.2a4.2 4.2 0 0 0-.683-.907z"></path></svg>\')';

	// Button Icon, if Toolbar is hidden
	vb_isHiddenImage = 'url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="context-fill" d="M14.707 13.293L11.414 10l2.293-2.293a1 1 0 0 0 0-1.414A4.384 4.384 0 0 0 10.586 5h-.172A2.415 2.415 0 0 1 8 2.586V2a1 1 0 0 0-1.707-.707l-5 5A1 1 0 0 0 2 8h.586A2.415 2.415 0 0 1 5 10.414v.169a4.036 4.036 0 0 0 1.337 3.166 1 1 0 0 0 1.37-.042L10 11.414l3.293 3.293a1 1 0 0 0 1.414-1.414zm-7.578-1.837A2.684 2.684 0 0 1 7 10.583v-.169a4.386 4.386 0 0 0-1.292-3.121 4.414 4.414 0 0 0-1.572-1.015l2.143-2.142a4.4 4.4 0 0 0 1.013 1.571A4.384 4.384 0 0 0 10.414 7h.172a2.4 2.4 0 0 1 .848.152z"></path></svg>\')';


/*******************************************************************************/


	var vb_h = window.outerHeight;
	var vb_minH = vb_h/10;
	var vb_maxH = vb_h/2;
	var vb_width = 32;
	var vb_totalwidth = vb_cols * vb_width;


var vb_style = '\
box-sizing: content-box !important; \
background-color: ' + vb_bg_color + ' !important; \
min-width: ' + vb_totalwidth + 'px !important; \
max-width: ' + vb_totalwidth + 'px !important; \
min-height: ' + vb_minH + 'px !important; \
max-height: ' + vb_maxH + 'px !important; \
position: absolute !important; \
right: 30px !important; \
padding: 10px 0px !important; \
border: 1px solid ' + vb_border_color + '; \
border-radius: 5px !important; \
box-shadow: 0px 0px 2px 2px rgba(0,0,0,.25); \
';


	var vb_element = document.getElementById('navigator-toolbox');
	var vb_toolbar = document.createElement('toolbar');
	vb_toolbar.id = 'fp-toolbar';
	vb_toolbar.setAttribute('customizable', true);
	vb_toolbar.setAttribute('mode', 'icons');
	vb_toolbar.setAttribute('style', vb_style);	
	vb_element.appendChild( vb_toolbar );
	vb_toolbar.setAttribute('collapsed', false);		


	CustomizableUI.registerArea( 'fp-toolbar' , { legacy: true } );


	setTimeout(function(){ 
		var tmp_positionInfo = vb_toolbar.getBoundingClientRect();
		var tmp_height = tmp_positionInfo.height;
		var vb_ptop = ( vb_h - tmp_height ) / 2; 
		vb_toolbar.style.top = vb_ptop + 'px';

		if( vb_visibilityOnStart == 0 ) {
			vb_toolbar.setAttribute('collapsed', true);
		}
	}, 500);	


/*******************************************************************************/


	try {
		Components.utils.import("resource:///modules/CustomizableUI.jsm");
		CustomizableUI.createWidget({
			id: "fp-toggle-toolbar",
			defaultArea: CustomizableUI.AREA_NAVBAR,
			removable: true,
			label: "Toggle Toolbar",
			tooltiptext: "Toggle Toolbar",
			onClick: function() {
				var node = document.getElementById('fp-toolbar');
				var isVisible = node.getAttribute('collapsed');

				if( isVisible == 'false' ) {
					node.setAttribute( 'collapsed' , 'true' );
					document.getElementById(this.id).style.listStyleImage = vb_isHiddenImage;
				} else {
					node.setAttribute( 'collapsed' , 'false' );
					document.getElementById(this.id).style.listStyleImage = vb_isVisibleImage;
				}
			},
			onCreated: function(aNode) {
				if( vb_visibilityOnStart == 1 ) {
					aNode.style.listStyleImage = vb_isVisibleImage;
				} else {
					aNode.style.listStyleImage = vb_isHiddenImage;
				}
				return aNode;
			}
		});
	} catch (e) {
		Components.utils.reportError(e);
	};


/*******************************************************************************/
})();

Alles anzeigen

Abendstern2010

Zitat von AngelOfDarkness

Der Code haut auch nicht mehr so recht hin:

Schade bei mir funktioniert das Script seit heute gar nicht mehr.

Sören Hentzschel

Folgende Zeile suchen:

Code

CustomizableUI.registerArea( 'fp-toolbar' , { legacy: true } );

und danach einfügen:

Code

CustomizableUI.registerToolbarNode(vb_toolbar);

Abendstern2010

Sören recht vielen dank funktioniert wieder.

AngelOfDarkness

Was aber nicht nicht klappt ist, dass die Toolbar auch automatisch wieder mittig auf halber Bildschirmhöhe positioniert. Ebenso ist der Button zum Ein/aus-Schalten der Bar nicht mehr da.

CSS

(function() {
/*******************************************************************************/


	if (location != 'chrome://browser/content/browser.xul') {
		return;
	}


/*******************************************************************************/

	// Background Color
	var vb_bg_color = 'rgba( 255 , 0 , 255 , 0.75 )';
	// Border Color
	var vb_border_color = 'rgb( 0 , 0 , 0 )';
	// Number of columns
	var vb_cols = 1;
	// Visibility on Start
	var vb_visibilityOnStart = 1;

	// Button Icon, if Toolbar is visible
	vb_isVisibleImage = 'url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="context-fill" d="M11.414 10l2.293-2.293a1 1 0 0 0 0-1.414 4.418 4.418 0 0 0-.8-.622L11.425 7.15h.008l-4.3 4.3v-.017l-1.48 1.476a3.865 3.865 0 0 0 .692.834 1 1 0 0 0 1.37-.042L10 11.414l3.293 3.293a1 1 0 0 0 1.414-1.414zm3.293-8.707a1 1 0 0 0-1.414 0L9.7 4.882A2.382 2.382 0 0 1 8 2.586V2a1 1 0 0 0-1.707-.707l-5 5A1 1 0 0 0 2 8h.586a2.382 2.382 0 0 1 2.3 1.7l-3.593 3.593a1 1 0 1 0 1.414 1.414l12-12a1 1 0 0 0 0-1.414zm-9 6a4.414 4.414 0 0 0-1.571-1.015l2.143-2.142a4.4 4.4 0 0 0 1.013 1.571 4.191 4.191 0 0 0 .9.684L6.39 8.2a4.2 4.2 0 0 0-.683-.907z"></path></svg>\')';

	// Button Icon, if Toolbar is hidden
	vb_isHiddenImage = 'url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="context-fill" d="M14.707 13.293L11.414 10l2.293-2.293a1 1 0 0 0 0-1.414A4.384 4.384 0 0 0 10.586 5h-.172A2.415 2.415 0 0 1 8 2.586V2a1 1 0 0 0-1.707-.707l-5 5A1 1 0 0 0 2 8h.586A2.415 2.415 0 0 1 5 10.414v.169a4.036 4.036 0 0 0 1.337 3.166 1 1 0 0 0 1.37-.042L10 11.414l3.293 3.293a1 1 0 0 0 1.414-1.414zm-7.578-1.837A2.684 2.684 0 0 1 7 10.583v-.169a4.386 4.386 0 0 0-1.292-3.121 4.414 4.414 0 0 0-1.572-1.015l2.143-2.142a4.4 4.4 0 0 0 1.013 1.571A4.384 4.384 0 0 0 10.414 7h.172a2.4 2.4 0 0 1 .848.152z"></path></svg>\')';


/*******************************************************************************/


	var vb_h = window.outerHeight;
	var vb_minH = vb_h/10;
	var vb_maxH = vb_h/2;
	var vb_width = 32;
	var vb_totalwidth = vb_cols * vb_width;


var vb_style = '\
box-sizing: content-box !important; \
background-color: ' + vb_bg_color + ' !important; \
min-width: ' + vb_totalwidth + 'px !important; \
max-width: ' + vb_totalwidth + 'px !important; \
min-height: ' + vb_minH + 'px !important; \
max-height: ' + vb_maxH + 'px !important; \
position: absolute !important; \
right: 30px !important; \
padding: 10px 0px !important; \
border: 1px solid ' + vb_border_color + '; \
border-radius: 5px !important; \
box-shadow: 0px 0px 2px 2px rgba(0,0,0,.25); \
';


	var vb_element = document.getElementById('navigator-toolbox');
	var vb_toolbar = document.createElement('toolbar');
	vb_toolbar.id = 'fp-toolbar';
	vb_toolbar.setAttribute('customizable', true);
	vb_toolbar.setAttribute('mode', 'icons');
	vb_toolbar.setAttribute('style', vb_style);	
	vb_element.appendChild( vb_toolbar );
	vb_toolbar.setAttribute('collapsed', false);		


	CustomizableUI.registerArea( 'fp-toolbar' , { legacy: true } );
	CustomizableUI.registerToolbarNode(vb_toolbar);


	setTimeout(function(){ 
		var tmp_positionInfo = vb_toolbar.getBoundingClientRect();
		var tmp_height = tmp_positionInfo.height;
		var vb_ptop = ( vb_h - tmp_height ) / 2; 
		vb_toolbar.style.top = vb_ptop + 'px';

		if( vb_visibilityOnStart == 0 ) {
			vb_toolbar.setAttribute('collapsed', true);
		}
	}, 500);	


/*******************************************************************************/


	try {
		Components.utils.import("resource:///modules/CustomizableUI.jsm");
		CustomizableUI.createWidget({
			id: "fp-toggle-toolbar",
			defaultArea: CustomizableUI.AREA_NAVBAR,
			removable: true,
			label: "Toggle Toolbar",
			tooltiptext: "Toggle Toolbar",
			onClick: function() {
				var node = document.getElementById('fp-toolbar');
				var isVisible = node.getAttribute('collapsed');

				if( isVisible == 'false' ) {
					node.setAttribute( 'collapsed' , 'true' );
					document.getElementById(this.id).style.listStyleImage = vb_isHiddenImage;
				} else {
					node.setAttribute( 'collapsed' , 'false' );
					document.getElementById(this.id).style.listStyleImage = vb_isVisibleImage;
				}
			},
			onCreated: function(aNode) {
				if( vb_visibilityOnStart == 1 ) {
					aNode.style.listStyleImage = vb_isVisibleImage;
				} else {
					aNode.style.listStyleImage = vb_isHiddenImage;
				}
				return aNode;
			}
		});
	} catch (e) {
		Components.utils.reportError(e);
	};


/*******************************************************************************/
})();

Alles anzeigen

Abendstern2010

Ihr lieben das Script aus #26 funktioniert seit gestern bei mir in der Nightly nicht mehr

könntet ihr bitte einmal schauen und wenn es geht den Fehler beheben?

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?

Abendstern2010

Jup hab habe ich

CSS

(function() {
/*******************************************************************************/


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


/*******************************************************************************/

    // Background Color
    var vb_bg_color = 'rgba( 255 , 0 , 255 , 0.75 )';
    // Border Color
    var vb_border_color = 'rgb( 0 , 0 , 0 )';
    // Number of columns
    var vb_cols = 1;
    // Visibility on Start
    var vb_visibilityOnStart = 1;

    // Button Icon, if Toolbar is visible
    vb_isVisibleImage = 'url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="context-fill" d="M11.414 10l2.293-2.293a1 1 0 0 0 0-1.414 4.418 4.418 0 0 0-.8-.622L11.425 7.15h.008l-4.3 4.3v-.017l-1.48 1.476a3.865 3.865 0 0 0 .692.834 1 1 0 0 0 1.37-.042L10 11.414l3.293 3.293a1 1 0 0 0 1.414-1.414zm3.293-8.707a1 1 0 0 0-1.414 0L9.7 4.882A2.382 2.382 0 0 1 8 2.586V2a1 1 0 0 0-1.707-.707l-5 5A1 1 0 0 0 2 8h.586a2.382 2.382 0 0 1 2.3 1.7l-3.593 3.593a1 1 0 1 0 1.414 1.414l12-12a1 1 0 0 0 0-1.414zm-9 6a4.414 4.414 0 0 0-1.571-1.015l2.143-2.142a4.4 4.4 0 0 0 1.013 1.571 4.191 4.191 0 0 0 .9.684L6.39 8.2a4.2 4.2 0 0 0-.683-.907z"></path></svg>\')';

    // Button Icon, if Toolbar is hidden
    vb_isHiddenImage = 'url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="context-fill" d="M14.707 13.293L11.414 10l2.293-2.293a1 1 0 0 0 0-1.414A4.384 4.384 0 0 0 10.586 5h-.172A2.415 2.415 0 0 1 8 2.586V2a1 1 0 0 0-1.707-.707l-5 5A1 1 0 0 0 2 8h.586A2.415 2.415 0 0 1 5 10.414v.169a4.036 4.036 0 0 0 1.337 3.166 1 1 0 0 0 1.37-.042L10 11.414l3.293 3.293a1 1 0 0 0 1.414-1.414zm-7.578-1.837A2.684 2.684 0 0 1 7 10.583v-.169a4.386 4.386 0 0 0-1.292-3.121 4.414 4.414 0 0 0-1.572-1.015l2.143-2.142a4.4 4.4 0 0 0 1.013 1.571A4.384 4.384 0 0 0 10.414 7h.172a2.4 2.4 0 0 1 .848.152z"></path></svg>\')';


/*******************************************************************************/


    var vb_h = window.outerHeight;
    var vb_minH = vb_h/10;
    var vb_maxH = vb_h/2;
    var vb_width = 32;
    var vb_totalwidth = vb_cols * vb_width;


var vb_style = '\
box-sizing: content-box !important; \
background-color: ' + vb_bg_color + ' !important; \
min-width: ' + vb_totalwidth + 'px !important; \
max-width: ' + vb_totalwidth + 'px !important; \
min-height: ' + vb_minH + 'px !important; \
max-height: ' + vb_maxH + 'px !important; \
position: absolute !important; \
right: 30px !important; \
padding: 10px 0px !important; \
border: 1px solid ' + vb_border_color + '; \
border-radius: 5px !important; \
box-shadow: 0px 0px 2px 2px rgba(0,0,0,.25); \
';


    var vb_element = document.getElementById('navigator-toolbox');
    var vb_toolbar = document.createElement('toolbar');
    vb_toolbar.id = 'fp-toolbar';
    vb_toolbar.setAttribute('customizable', true);
    vb_toolbar.setAttribute('mode', 'icons');
    vb_toolbar.setAttribute('style', vb_style);    
    vb_element.appendChild( vb_toolbar );
    vb_toolbar.setAttribute('collapsed', false);        


    CustomizableUI.registerArea( 'fp-toolbar' , { legacy: true } );
    CustomizableUI.registerToolbarNode(vb_toolbar);


    setTimeout(function(){ 
        var tmp_positionInfo = vb_toolbar.getBoundingClientRect();
        var tmp_height = tmp_positionInfo.height;
        var vb_ptop = ( vb_h - tmp_height ) / 2; 
        vb_toolbar.style.top = vb_ptop + 'px';

        if( vb_visibilityOnStart == 0 ) {
            vb_toolbar.setAttribute('collapsed', true);
        }
    }, 500);    


/*******************************************************************************/


    try {
        Components.utils.import("resource:///modules/CustomizableUI.jsm");
        CustomizableUI.createWidget({
            id: "fp-toggle-toolbar",
            defaultArea: CustomizableUI.AREA_NAVBAR,
            removable: true,
            label: "Toggle Toolbar",
            tooltiptext: "Toggle Toolbar",
            onClick: function() {
                var node = document.getElementById('fp-toolbar');
                var isVisible = node.getAttribute('collapsed');

                if( isVisible == 'false' ) {
                    node.setAttribute( 'collapsed' , 'true' );
                    document.getElementById(this.id).style.listStyleImage = vb_isHiddenImage;
                } else {
                    node.setAttribute( 'collapsed' , 'false' );
                    document.getElementById(this.id).style.listStyleImage = vb_isVisibleImage;
                }
            },
            onCreated: function(aNode) {
                if( vb_visibilityOnStart == 1 ) {
                    aNode.style.listStyleImage = vb_isVisibleImage;
                } else {
                    aNode.style.listStyleImage = vb_isHiddenImage;
                }
                return aNode;
            }
        });
    } catch (e) {
        Components.utils.reportError(e);
    };


/*******************************************************************************/
})();

Alles anzeigen

Endor

Zeile 55

var vb_toolbar = document.createElement('toolbar');

muss auch geändert werden:

var vb_toolbar = document.createXULElement('toolbar');

Aber das wird nicht reichen. Da muss noch mehr angepasst werden.

Vielleicht kann da aborix ja helfen.

Mfg.

Endor

Abendstern2010

Stimmt passt nicht ganz.

Warten wir halt mal was aborix dazu meint.

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.

aborix

Abendstern, meine Liebe, ich empfehle dir das Skript von Aris aus dem vorhergehenden Beitrag, es funktioniert bestens.

milupo

Hier noch ein Screenshot, um den Worten von aborix Nachdruck zu verleihen:

Abendstern2010

Danke jup das Script funktioniert nur mir persönlich sagt es nicht zu.

milupo

Zitat von Abendstern2010

Danke jup das Script funktioniert nur mir persönlich sagt es nicht zu.

Was sagt dir denn da nicht zu?

Abendstern2010

off topic

milupo es geht darum das bei mir alles wichtige auf der Linken Seite angelegt ist(zu hause,am PC oder auf Arbeit)

was natürlich viele nerven tut.Wenn wie jetzt in den 2 Fällen etwas nicht passt werde ich Wahnsinnig und suche

nach alternativen.

Zu deiner Frage in #19 die 2 "Pfeile" ist die Lesezeichen Symbolleiste die hatte ich mir dort über Anpassen

reingezogen dazu Tree Styl Tab (tabs oben ausgeblendet) und so hatte ich für mich es eingerichtet.

Ich hoffe du verstehst was ich meine.

milupo

Zitat von Abendstern2010

es geht darum das bei mir alles wichtige auf der Linken Seite angelegt ist(zu hause,am PC oder auf Arbeit)
was natürlich viele nerven tut.Wenn wie jetzt in den 2 Fällen etwas nicht passt werde ich Wahnsinnig und suche
nach alternativen.

Ja und? Ich habe dir doch in Beitrag #32 geschrieben, wie du die vertikale Leiste rechts bzw. links anzeigen kannst.

Zitat von Abendstern2010

Zu deiner Frage in #19 die 2 "Pfeile" ist die Lesezeichen Symbolleiste die hatte ich mir dort über Anpassen
reingezogen dazu Tree Styl Tab (tabs oben ausgeblendet) und so hatte ich für mich es eingerichtet.
Ich hoffe du verstehst was ich meine.

In Beitrag #19 habe ich gar keine Frage gestellt. Das ist ein Beitrag von dir. Ich bin erst ab Beitrag #28 in diesen Thread eingestiegen.

milupo

Dein Skript funktioniert wirklich nicht mehr richtig. Das Symbol wird allerdings angelegt.

aborix

Das Skript aus #29 funktioniert bei mir im neuesten Nightly einwandfrei.