1. Nachrichten
  2. Forum
    1. Unerledigte Themen
    2. Forenregeln
  3. Spenden
  • Anmelden
  • Registrieren
  • Suche
Alles
  • Alles
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
  1. camp-firefox.de
  2. harff182

Beiträge von harff182

  • Beenden Button

    • harff182
    • 12. Mai 2025 um 21:51
    Zitat von Mira_Belle

    harff182 Schau mal.

    Sei bedankt <3

    Habs minimal für meinereiner angpaßt - funktionuckelt^^

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

  • Restart_Firefox.uc.js

    • harff182
    • 12. Mai 2025 um 17:04

    2002Andreas : :thumbup:Danke

  • Restart_Firefox.uc.js

    • harff182
    • 12. Mai 2025 um 16:31

    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

    :thumbup:Danke für Deinen unermütlichen Einsatz.

  • Einbindung von Icons in Skripts

    • harff182
    • 7. Mai 2025 um 22:29
    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.

  • Einbindung von Icons in Skripts

    • harff182
    • 7. Mai 2025 um 21:44
    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.

  • Einbindung von Icons in Skripts

    • harff182
    • 7. Mai 2025 um 20:32

    milupo :

    :thumbup::thumbup::thumbup:Danke

  • Einbindung von Icons in Skripts

    • harff182
    • 7. Mai 2025 um 20:25
    Zitat von 2002Andreas

    chrome://global/skin/icons/

    :thumbup:Hat mir weitergeholfen, Danke

  • Einbindung von Icons in Skripts

    • harff182
    • 7. Mai 2025 um 20:18
    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...

  • Einbindung von Icons in Skripts

    • harff182
    • 7. Mai 2025 um 20:04

    Hm

    bin wieder zudummzumzum;(

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

  • Einbindung von Icons in Skripts

    • harff182
    • 7. Mai 2025 um 19:54

    Kurze Zwischenfrage:

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

  • FF137 - Searchbar leeren...

    • harff182
    • 1. April 2025 um 18:00

    :thumbup::thumbup:

    Danke, mir reicht der obere Teil;):D

  • FF137 - Searchbar leeren...

    • harff182
    • 1. April 2025 um 17:45

    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?

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

    • harff182
    • 18. März 2025 um 21:20

    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
  • FF136: Vertikalbar verschwunden

    • harff182
    • 4. März 2025 um 17:10

    :thumbup:Boah, wat schnell:D

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

  • FF136: Vertikalbar verschwunden

    • harff182
    • 4. März 2025 um 17:00

    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?

  • FF133: Vertical Add-on Bar

    • harff182
    • 15. Dezember 2024 um 16:24

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

  • FF133: Vertical Add-on Bar

    • harff182
    • 15. Dezember 2024 um 15:26

    2002Andreas , milupo :

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

  • FF133: Vertical Add-on Bar

    • harff182
    • 15. Dezember 2024 um 14:30

    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?

  • Toggle Findbar

    • harff182
    • 12. Juli 2024 um 09:44

    :thumbup:Merci vielmals...

  • Ab ff 128 dünne Linie bei Findbar fehlt

    • harff182
    • 11. Juli 2024 um 03:34
    Zitat von Mira_Belle

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

    :thumbup:Ich konnte ;)

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

    Danke.

Unterstütze uns!

Jährlich (2025)

60,4 %

60,4% (392,55 von 650 EUR)

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