Beiträge von harff182

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.

harff182

Zitat von milupo

Und was hast du da geändert?
Übrigens, du hast für #urlbar in Beitrag #11 zwei Werte einfach so geändert. Das solltest du uns am besten mitteilen. Du hast nämlich margin-top von 3px auf 2px gesetzt und height von unset auf 22px.

Ich hab auferäumt und angepaßt und dann den Code mit resultierenden Problemen eingestellt.

Was war daran falsch?

----

margin-top ist nur ne "Schönheitsoperation".

Wenn height auf unset bleibt, wird das Feld so, wie in #17 gezeigt.

Sodele, Problem gelöst mit einem Tip aus einem Nachbarfred:

browser.urlbar.maxRichResults auf 0 gesetzt.

Nu zappeltszwar, aber das wars dann auch.

harff182

Zitat von 2002Andreas

Ansonsten, Beitrag Nr. 10 den Code hattest du auch mal getestet!?

Nein, hatte sich mit meinen Arbeiten überschnitten.

Habsch grad mal nachgeholt, aber das Ergebnis is nich berauschend:

Da stimmt der Hintergrund nicht.

Und hier rutscht die ganze Zeile runter und und das Feld wird größer.

harff182

2002Andreas Jo, jezz hab ich den Zoom wieder.

Aber der komplette Inhalt der urlbar rutscht immmer noch nach unten

harff182

Sodele - janz viel aufjeräumt:

CSS

/* 	41_urlbar_pimpen.css */
/* 	URL-Bar neu ab FF92    
	210909: BrokenHeart von hier:https://www.camp-firefox.de/forum/thema/133335
	210909: einige eigene Anpassungen..
	210910: rgba (tralala) durch Farbnamen ersetzt ;)
	240709: FF128 Probleme: https://www.camp-firefox.de/forum/thema/138121
	Erste Hilfe von 2002Andreas...
	Großes Aufräumen
*/


#urlbar
{
    border: 2px solid black !important;
    margin-top: 2px !important;
    color: blue !important;
    height: 22px !important;
	background: white !important;
    top: 4px !important;
    left: 0px !important;
    width: 100% !important;	
    font: 13px Arial Rounded MT !important;
    font-weight: normal !important;	
}

#urlbar:not([open]) > #urlbar-background 
{
    display: none !important;
}

/*############################################################################################*/
/*  URL in fetter Schrift, Hauptadresse markanter
	200120 von Milupo von hier:
	https://www.camp-firefox.de/forum/thema/129888/?postID=1136582#post1136582
*/
#urlbar-input[placeholder] {
	color: blue !important;
	font-weight: bold !important;
	font-size: 13px !important;		
}

/*#########################################################################################*/
/* 	URL-Bar Drop Down verhindern
	200408 von BrokenHaert von hier:
	https://www.camp-firefox.de/forum/thema/130354/?postID=1142548#post1142548
*/

.urlbarView {
    display: none !important;
}

Alles anzeigen

Sieht normal gut aus, aber beim reinlicken:

1. Wie bekomm ich den Inhalt wieder hoch ?

2. Wie bekomm ich das Fading für den den Zoom-Wert wieder?

harff182

2002Andreas : Jo sieht besser aus...

milupo : Jo, setz ich mich mal dran, das Teil ist ja echt alt....

Mal abwarten, was ich da beim Aufräumen kapuut mach

Ich meld mich dann wieder....

harff182

Ein Schritt vorwärts, sieht jetzt so aus:

Die navbar ist lightskyblue.

Ich möcht den Hintergrund der urlbar wieder weiß

Der URL-String soll ausfaden und der Zoom-Wert sichtbar sein..

harff182

moin, moin...

Seit dem Update auf 128 sieht meine Urlbar so aus:

Bisher sah sie so aus:

Benutzt wird folgendes CSS:

CSS

/* 	41_urlbar_pimpen.css */
/* 	URL-Bar neu ab FF92    
	210909: BrokenHeart von hier:https://www.camp-firefox.de/forum/thema/133335
	210909: einige eigene Anpassungen..
	210910: rgba (tralala) durch Farbnamen ersetzt ;)
*/

#urlbar[breakout][breakout-extend][focused="true"]:not([usertyping="true"]) .urlbarView, 
#urlbar[breakout][breakout-extend][focused="true"]:not([usertyping="true"]) > #urlbar-background 
{
	display: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background 
{
    border: 1px solid black !important;
    color: white !important;
    /* background-color: rgba(0,0,0,0.8) !important;  original vom Herzchen*/
	background-color: black !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background,
.urlbarView-body-outer,
.urlbarView-body-inner 
{
    margin-top: 32px !important;
}

.urlbarView-body-inner 
{
    border-top: unset !important;  
}

.urlbarView 
{ 
    margin-block-start: -26px !important;  
}

#urlbar-input-container 
{
    padding: var(--urlbar-container-padding);
}

#urlbar-input-container 
{
    border: 2px solid black !important; /*210908*/
    margin-top: 3px !important;
    color: blue !important;
    height: 22px !important;
    /* background: rgba(230,232,240,1) !important;  original vom Herzchen */
	background: white !important;
}

#urlbar-input-container:hover:not([disabled]) 
{ 
    /*background: rgba(255,255,255,1) !important;  original vom Herzchen */
	background: white !important;
}

#urlbar:not([open]) > #urlbar-background 
{
    display: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container 
{
    padding-block: unset !important;  
    padding-left: 1px !important;  
    padding-right: 1px !important;  
}

#urlbar 
{ 
    background: transparent!important;
    top: 4px !important;
    left: 0px !important;
    width: 100% !important;
    height:unset !important;
    font: 13px Arial Rounded MT /* Bold */ !important;
    font-weight: normal !important;
    color: white !important;
}

#pageActionSeparator, .urlbar-go-button, .urlbar-history-dropmarker, #reader-mode-button          
{
    display: none !important; 
}

.urlbarView-url,
.urlbarView-action 
{
    font-family: Arial !important;
		Display: none ! important; /* will nix nach unten aufklappen, wennich was reintippe...*/
}

/*############################################################################################*/
/* aus meinem altem .css übernommen*/ /*210909*/
/*############################################################################################*/

/*  URL in fetter Schrift, Hauptadresse markanter
	200120 von Milupo von hier:
	https://www.camp-firefox.de/forum/thema/129888-adresse-in-urlbar-fette-schrift/?postID=1136582#post1136582
*/
#urlbar-input[placeholder] {
	color: blue !important;
	font-weight: bold !important;
	font-size: 13px !important;		
}

/*#########################################################################################*/
/* 	URL-Bar Drop Down verhindern
	200408 von BrokenHaert von hier:
	https://www.camp-firefox.de/forum/thema/130354-ff-75-url-bar-drop-down-verhindern/?postID=1142548#post1142548
*/

.urlbarView {
    display: none !important;
}

Alles anzeigen

Was ist mussich ändern um das alte Aussehen wieder zu bekommen?

Beiträge von harff182

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

FF128: Urlbar verändert

FF128: Urlbar verändert

FF128: Urlbar verändert

FF128: Urlbar verändert

FF128: Urlbar verändert

FF128: Urlbar verändert

FF128: Urlbar verändert