Beiträge von harff182

harff182

Zitat von Mira_Belle

harff182 Schau mal.

Sei bedankt

Habs minimal für meinereiner angpaßt - funktionuckelt

Obligatorische Frage: wirds auch noch in FF139/FF140 tun?

harff182

2002Andreas : Danke

harff182

Mira_Belle

Bis wann hast Du getestet? ff139? ff140?

Und hättest Du Interesse/Zeit/Muße, den Beenden-Button zu verwursteln?

Beitrag

RE: Beenden Button

[…]

Teste bitte:

(Quelltext, 28 Zeilen)

2002Andreas

4. März 2025 um 16:05

Danke für Deinen unermütlichen Einsatz.

harff182

Zitat von milupo

Wieso dann „Mit Verlaub“? „Mit Verlaub“ bedeutet, dass du mir widersprechen willst,

Nein,Das bezog sich auf:

Zitat von milupo

Aber diese Zusammenbau-Variante verkompliziert das meiner Meinung nach.

Zitat von milupo

, aber offensichtlich findest du meinen Vorschlag gut

Genau.

harff182

Zitat von milupo

Eventuell zwei Zeilen, die erste ist von Anfang an aktiv und gibt den Pfad zur chrome://-Datei an und einen entsprechenden Kommentar. Und die zweite erst einmal auskommentierte Zeile mit einem Beispielpfad, wo der Kommentar angibt, dass man da eine eigen Datei angeben kann und dass man die Kommentarzeichen vor dieser Zeile entfernen und vor die erste Zeile setzen muss.

Mit Verlaub: das halte ich für eine gute, machbare Variante, da kann Nachfragenden einfach geholfen werden.

harff182

milupo :

Danke

harff182

Zitat von 2002Andreas

chrome://global/skin/icons/

Hat mir weitergeholfen, Danke

harff182

Zitat von 2002Andreas

Eine allgemeine Übersicht kenne ich nicht dafür.

Ok, dann hat sich meine Idee erledigt.

Ich hatte mich halt nur gefragt, wie z.B. Mira_Belle an die Icons kommt...

Schönen Abend noch...

harff182

Hm

bin wieder zudummzumzum

Mit welchem Eintrag kann ich mir eine Übersicht der verfügbaren Icons anzeigen lassen?

harff182

Kurze Zwischenfrage:

Wie kann ich mir all die "internen" Icons angucken, die ich über chrome://browser/skin erreichen könnte?

harff182

Danke, mir reicht der obere Teil

harff182

Hallöle...

Die Searchbar leert in FF137-Update nicht mehr nach eingestellter Zeit:

JavaScript

//	Suchbar nach einigen Sekunden leeren 
//	von aborix
//	hier:	https://www.camp-firefox.de/forum/thema/124375/?postID=1126576#post1126576
//
//	Sören:	https://www.camp-firefox.de/forum/thema/138894/?postID=1265399#post1265399
//
//	 

setTimeout(function() {
   if (!window.BrowserSearch)
      return;
   var searchbar = document.getElementById('searchbar');
   if (!searchbar)
      return;
   var textbox = searchbar.textbox;
   var tId;
   textbox.addEventListener('input', function() {
      clearTimeout(tId);
      tId = setTimeout(function() {
         textbox.value = '';
         document.getElementById('PopupSearchAutoComplete').hidePopup();
      }, 5000);   //1000 = 1 Sekunde
   });
}, 0);

Alles anzeigen

Was muß ich noch ändern?

harff182

Guck mal in diesen Thread, vielleicht hilft er Dir:

Beitrag

Loading-Spinner im Tab ändern?

Hallo!

Frage an die Firefox-Experten:
Mir sind die zwei winzigen Pünktchen, die sich im neuesten Firefox als Loading-Spinner oben im Tab einer gerade ladenden Seite drehen, zu klein für meine Augenqualität. Den alten hatte ich auch aus dem Augenwinkel immer besser im Blick und musste nicht unbedingt ausdrücklich hinstarren.

Hat jemand ne Ahnung, ob man da nachträglich einen anderen Spinner bzw. wieder den alten hinbekommen kann?
Danke!

firecamper099

22. November 2017 um 22:35

harff182

Boah, wat schnell

Schankedön, dann geh ich mal suchen, ob sonstnoch wo was Hakt...

harff182

Hallöle...

Mit dem Update auf 136 ist meine rechte Vertkalbar verschwunden:

JavaScript

//	21_vertikalbar.uc.js
//  Basiert auf Andy:
//	https://www.camp-firefox.de/forum/thema/138688/?postID=1261823#post1261823
//
//	241215: eigene Anpassungen auch in den css 55_ notwendig

// '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.mjs
// 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 = false; // 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 = '45px'; // 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

Was muß ich ändern, damit sie wieder auftaucht?

harff182

Hab nach etwas rumbasteln wieder ein Layout gefunden, mit dem ich zufrieden bin

harff182

2002Andreas , milupo :

Danke Euch beiden fürs gegenchecken, dann muß ich mal suchen, wer/was mir da in die Suppe spuckt...

harff182

Hallo...

Ich bekomme meine Vertical Add-on Bar nicht so hin, wie ich möchte

Aus dem Nachbar-Thread habe ich den Code für Links von @2002Andreas übernommen und auf rechts gestelltund und verbreitert:

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 = false; // 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 = '40px'; // 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

Nun ist allerdings der Toggle-Button in der Navbar festgetackert und läst sich nicht in die Tab-Bar verschieben.

Wie bekomme ich das hin?

harff182

Merci vielmals...

harff182

Zitat von Mira_Belle

Schau mal, ob Du mit diesem Selektor was anfangen kannst.

Ich konnte

Übernommen, bischen rumgebastelt und nu isses für mich hübsch

Danke.

Beiträge von harff182

Beenden Button

Restart_Firefox.uc.js

Restart_Firefox.uc.js

RE: Beenden Button

Einbindung von Icons in Skripts

Einbindung von Icons in Skripts

Einbindung von Icons in Skripts

Einbindung von Icons in Skripts

Einbindung von Icons in Skripts

Einbindung von Icons in Skripts

Einbindung von Icons in Skripts

FF137 - Searchbar leeren...

FF137 - Searchbar leeren...

Lade-Animation "Spinner" im Tab anstatt Sanduhr-Symbol

Loading-Spinner im Tab ändern?

FF136: Vertikalbar verschwunden

FF136: Vertikalbar verschwunden

FF133: Vertical Add-on Bar

FF133: Vertical Add-on Bar

FF133: Vertical Add-on Bar

Toggle Findbar

Ab ff 128 dünne Linie bei Findbar fehlt