Senkrechte Trennlinien fehlen nach Update

hwww

Hallo

Habe eben auf Version 141.0 upgedatet. Jetzt fehlen die senkrechte Trennlinie (siehe Bild). Ich weiß nicht mehr wie ich die irgendwann mal dazu gemacht habe. Glaube über Symbolleiste anpassen da sind sie aber nicht mehr zu finden. Vielleicht hat ja jemand schon eine Lösung? Blauer Pfeil so soll es aussehen grüner Pfeil so ist es im Moment.

Danke schon mal hwww

2002Andreas

Zitat von hwww

Glaube über Symbolleiste anpassen

Entweder per CSS-Code, oder per Skript wurden die erstellt. Musst du bei dir mal genau nachsehen.

hwww

Kann es sein das es dieser Code ist (war).

CSS

 /* Restore 'Space & Separator' items script for Firefox 102+ by Aris

  Default browser scripts always remove spaces and separators from default palette, so
  because of that they are added to an own toolbar now.

   - spaces and separators can be moved to any toolbar
   - to remove spaces or separators move them into palette
   - configuration toolbar behaves like a default toolbar, items and buttons can be placed on it
   - configuration toolbar is not visible outside customizing mode
   - default "Flexible Space" item is hidden from palette and added to configuration toolbar
   [!] BUG: do not move spaces, flexible spaces or separator to configuration toolbar or it will cause glitches
   [!] BUG: do not move main 'space'-item to palette or it will be hidden until customizing mode gets reopened

   [!] Fix for WebExtensions with own windows by 黒仪大螃蟹 (for 1-N scripts)
*/

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

var AddSeparator = {
  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 tb_config_label = "Configuration Toolbar";
	var tb_spacer_label = "Space";
	var tb_sep_label = "Separator";
	var tb_spring_label = "Flexible Space";
	  
	try {
	 if(document.getElementById('configuration_toolbar') == null) {
		
	  var tb_config = document.createXULElement("toolbar");
	  tb_config.setAttribute("id","configuration_toolbar");
	  tb_config.setAttribute("customizable","true");
	  tb_config.setAttribute("class","toolbar-primary chromeclass-toolbar browser-toolbar customization-target");
	  tb_config.setAttribute("mode","icons");
	  tb_config.setAttribute("iconsize","small");
	  tb_config.setAttribute("toolboxid","navigator-toolbox");
	  tb_config.setAttribute("lockiconsize","true");
	  tb_config.setAttribute("ordinal","1005");
	  tb_config.setAttribute("defaultset","toolbarspacer,toolbarseparator");
	  
	  document.querySelector('#navigator-toolbox').appendChild(tb_config);
	  
	  CustomizableUI.registerArea("configuration_toolbar", {legacy: true});
	  CustomizableUI.registerToolbarNode(tb_config);
	  
	  var tb_label = document.createXULElement("label");
	  tb_label.setAttribute("label", tb_config_label+": ");
	  tb_label.setAttribute("value", tb_config_label+": ");
	  tb_label.setAttribute("id","tb_config_tb_label");
	  tb_label.setAttribute("removable","false");
	  
	  tb_config.appendChild(tb_label);
	  
	  
	  var tb_spacer = document.createXULElement("toolbarspacer");
	  tb_spacer.setAttribute("id","spacer");
	  tb_spacer.setAttribute("class","chromeclass-toolbar-additional");
	  tb_spacer.setAttribute("customizableui-areatype","toolbar");
	  tb_spacer.setAttribute("removable","false");
	  tb_spacer.setAttribute("label", tb_spacer_label);
	  
	  tb_config.appendChild(tb_spacer);
	
	  
	  var tb_sep = document.createXULElement("toolbarseparator");
	  tb_sep.setAttribute("id","separator");
	  tb_sep.setAttribute("class","chromeclass-toolbar-additional");
	  tb_sep.setAttribute("customizableui-areatype","toolbar");
	  tb_sep.setAttribute("removable","false");
	  tb_sep.setAttribute("label", tb_sep_label);
 	  
	  tb_config.appendChild(tb_sep);
	  
	 
	  var tb_spring = document.createXULElement("toolbarspring");
	  tb_spring.setAttribute("id","spring");
	  tb_spring.setAttribute("class","chromeclass-toolbar-additional");
	  tb_spring.setAttribute("customizableui-areatype","toolbar");
	  tb_spring.setAttribute("removable","false");
	  tb_spring.setAttribute("flex","1"); 
	  tb_spring.setAttribute("label", tb_spring_label);
	  	  
	  tb_config.appendChild(tb_spring);
	    
	  // CSS
	  var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

	  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
		#configuration_toolbar {
		  appearance: none !important;
		  background-color: var(--toolbar-bgcolor);
		  background-image: var(--toolbar-bgimage);
		  background-clip: padding-box;
		  color: var(--toolbar-color, inherit);
		}
		#main-window:not([customizing]) #configuration_toolbar {
		  visibility: collapse;
		}
		#main-window[customizing] #configuration_toolbar #tb_config_tb_label {
		  font-weight: bold !important;
		}
		#main-window[customizing] #configuration_toolbar :is(#spacer,#separator,#spring) {
		  margin-inline-start: 20px;
		}
		#main-window[customizing] #configuration_toolbar :is(#wrapper-spacer,#wrapper-separator,#wrapper-spring) .toolbarpaletteitem-label {
		  display: block !important;
		  margin-inline-end: 20px;
		}
		#main-window[customizing] #wrapper-spacer #spacer {
		  margin: 2px 0 !important;
		}
		#main-window[customizing] #configuration_toolbar #wrapper-spring #spring {
		  margin: -1px 0 !important;
		  min-width: 80px !important;
		}
		#main-window[customizing] #configuration_toolbar > * {
		  padding: 2px !important;
		}
		#main-window[customizing] #configuration_toolbar > :is(#wrapper-spacer,#wrapper-separator,#wrapper-spring) {
		  border: 1px dotted !important;
		  margin-inline-start: 2px !important;
		  margin-inline-end: 2px !important;
		}
		#main-window[customizing] toolbarspacer {
		  border: 1px solid !important;
		}
		toolbar[orient="vertical"] toolbarseparator {
		  appearance: none !important;
		  border-top: 1px solid rgba(15,17,38, 0.5) !important;
		  border-bottom: 1px solid rgba(255,255,255, 0.3) !important;
		  margin: 2px 2px !important;
		  height: 1px !important;
		}
		toolbar[orient="vertical"] toolbarspacer {
		  appearance: none !important;
		  height: 18px !important;
		  width: 18px !important;
		}
		#customization-palette toolbarpaletteitem[id^="wrapper-customizableui-special-spring"],
		#customization-palette-container :is(#spring,#wrapper-spring) {
		  display: none !important;
		}
		#main-window:not([customizing]) toolbar:not(#configuration_toolbar) toolbarspring {
		  max-width: 100% !important;
		}
		/*#menubar-items + spacer {
		  display: none !important;
		}*/
	  `), null, null);

	  sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
	 }
	} catch(e){}

  }

}

/* initialization delay workaround */
document.addEventListener("DOMContentLoaded", AddSeparator.init(), false);
/* Use the below code instead of the one above this line, if initialization issues occur on startup */
/*
setTimeout(function(){
  AddSeparator.init();
},2000);
*/

Alles anzeigen

2002Andreas

Zitat von hwww

das es dieser Code ist (war).

Genau, mit dem Skript wurden die mal erstellt.

Wenn du sie nur hier möchtest:

Dann geht das auch mit diesem CSS-Code:

CSS

#main-menubar menu::after {
   content: "" !important;
   border-right: 2px solid grey !important;
   height: 16px !important;
   margin-top: 5px !important;
   padding-left: 7px !important;
}

Die Werte musst du dir dann anpassen.

hwww

Danke Andreas das habe ich noch in userChrome.css und das funktioniert ja auch. Nur in der URL Leiste kann ich die Trennlinien nicht mehr hinzufügen. Ich glaube das man da auch noch breitere "Blöcke" einfügen konnte? War in Symbolleiste anpassen zu finden.

2002Andreas

Zitat von hwww

War in Symbolleiste anpassen zu finden.

Richtig, weil das Skript das hinzugefügt hat. Die | fehlen jetzt, und müssten im Skript wieder angepasst werden.

milupo

Und das hast du nicht im Anpassen-Fenster?

Muss natürlich bei dir Konfigurations-Symbolleiste o. ä. heißen.

hwww

Besten Dank Andreas für deine Mühe. Werde dann mal abwarten ob der Autor da in nächster Zeit eine angepasste Version einstellt.

Wünsche dir noch eine schöne Woche hwww

2002Andreas

Zitat von milupo

das hast du nicht im Anpassen-Fenster?

Es fehlt da aber der | in der Mitte:

hwww

Zitat von milupo

Und das hast du nicht im Anpassen-Fenster?

Hallo

Doch genau das habe ich bei Symbolleiste anpassen auch aber da sind halt keine senkrechten Trennlinien nur die breiten "Blöcke"

2002Andreas

Zitat von hwww

ob der Autor da in nächster Zeit eine angepasste Version einstellt.

Könnte möglich sein, wenn er es denn weiß

Zitat von hwww

Wünsche dir noch eine schöne Woche

Danke, für dich auch

grisu2099

hwww: Teste mal bitte diese Version des Skriptes:

CSS

/* Restore 'Space & Separator' items script for Firefox 102+ by Aris

  Default browser scripts always remove spaces and separators from default palette, so
  because of that they are added to an own toolbar now.

   - spaces and separators can be moved to any toolbar
   - to remove spaces or separators move them into palette
   - configuration toolbar behaves like a default toolbar, items and buttons can be placed on it
   - configuration toolbar is not visible outside customizing mode
   - default "Flexible Space" item is hidden from palette and added to configuration toolbar
   [!] BUG: do not move spaces, flexible spaces or separator to configuration toolbar or it will cause glitches
   [!] BUG: do not move main 'space'-item to palette or it will be hidden until customizing mode gets reopened

   [!] Fix for WebExtensions with own windows by 黒仪大螃蟹 (for 1-N scripts)*/


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

var AddSeparator = {
  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 tb_config_label = "Konfigurationsleiste";
	var tb_spacer_label = "Leerraum";
	var tb_sep_label = "Trenner";
	var tb_spring_label = "Flexibler Leerraum";
	  
	try {
	 if(document.getElementById('configuration_toolbar') == null) {
		
	  var tb_config = document.createXULElement("toolbar");
	  tb_config.setAttribute("id","configuration_toolbar");
	  tb_config.setAttribute("customizable","true");
	  tb_config.setAttribute("class","toolbar-primary chromeclass-toolbar browser-toolbar customization-target");
	  tb_config.setAttribute("mode","icons");
	  tb_config.setAttribute("iconsize","small");
	  tb_config.setAttribute("toolboxid","navigator-toolbox");
	  tb_config.setAttribute("lockiconsize","true");
	  tb_config.setAttribute("ordinal","1005");
	  tb_config.setAttribute("defaultset","toolbarspacer,toolbarseparator");
	  
	  document.querySelector('#navigator-toolbox').appendChild(tb_config);
	  
	  CustomizableUI.registerArea("configuration_toolbar", {legacy: true});
	  CustomizableUI.registerToolbarNode(tb_config);
	  
	  var tb_label = document.createXULElement("label");
	  tb_label.setAttribute("label", tb_config_label+": ");
	  tb_label.setAttribute("value", tb_config_label+": ");
	  tb_label.setAttribute("id","tb_config_tb_label");
	  tb_label.setAttribute("removable","false");
	  
	  tb_config.appendChild(tb_label);
	  
	  
	  var tb_spacer = document.createXULElement("toolbarspacer");
	  tb_spacer.setAttribute("id","spacer");
	  tb_spacer.setAttribute("class","chromeclass-toolbar-additional");
	  tb_spacer.setAttribute("customizableui-areatype","toolbar");
	  tb_spacer.setAttribute("removable","false");
	  tb_spacer.setAttribute("label", tb_spacer_label);
	  
	  tb_config.appendChild(tb_spacer);
	
	  
	  var tb_sep = document.createXULElement("toolbarseparator");
	  tb_sep.setAttribute("id","separator");
	  tb_sep.setAttribute("class","chromeclass-toolbar-additional");
	  tb_sep.setAttribute("customizableui-areatype","toolbar");
	  tb_sep.setAttribute("removable","false");
	  tb_sep.setAttribute("label", tb_sep_label);
 	  
	  tb_config.appendChild(tb_sep);
	  
	 
	  var tb_spring = document.createXULElement("toolbarspring");
	  tb_spring.setAttribute("id","spring");
	  tb_spring.setAttribute("class","chromeclass-toolbar-additional");
	  tb_spring.setAttribute("customizableui-areatype","toolbar");
	  tb_spring.setAttribute("removable","false");
	  tb_spring.setAttribute("flex","1"); 
	  tb_spring.setAttribute("label", tb_spring_label);
	  	  
	  tb_config.appendChild(tb_spring);
	    
	  // CSS  -  top 142px bei horizontalen Tabs  -  top 104px bei vertikalen
	  var sss = Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService);

	  var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(`
		#configuration_toolbar {
			appearance: none !important;
			background-color: rgb(110,110,110) !important;
			position: absolute !important;
			top: 142px !important;
			width: 1920px !important;
			color: yellow !important;
			min-height: 25px !important;
			}
		#main-window:not([customizing]) #configuration_toolbar {
			visibility: collapse;
			}
		#main-window[customizing] #configuration_toolbar #tb_config_tb_label {
			font-weight: bold !important;
			margin: 3px 0 0 500px !important;
			}
		#main-window[customizing] #configuration_toolbar :is(#spacer,#separator,#spring) {
			margin-inline-start: 20px;
			}
		#main-window[customizing] #configuration_toolbar :is(#wrapper-spacer,#wrapper-separator,#wrapper-spring) .toolbarpaletteitem-label {
			display: block !important;
			margin-inline-end: 20px;
			}
		#main-window[customizing] #wrapper-spacer #spacer {
			margin: 2px 0 !important;
			}
		#main-window[customizing] #configuration_toolbar #wrapper-spring #spring {
			margin: -1px 0 !important;
			min-width: 80px !important;
			}
		#main-window[customizing] #configuration_toolbar > * {
			padding: 0 20px !important;
			}
		#main-window[customizing] #configuration_toolbar #wrapper-spring {
			padding: 2px 20px !important;
			}
		#main-window[customizing] #configuration_toolbar > :is(#wrapper-spacer,#wrapper-separator) {
			border: 1px solid red !important;
			margin-block: 2px !important;
			margin-inline: 20px !important;
			}
		#main-window[customizing] #configuration_toolbar toolbarseparator {
			appearence: none !important;
			margin: 0 !important;
			}
		#main-window[customizing] toolbarseparator {
			border-left: 1px solid red !important;
			}
		#main-window[customizing] #configuration_toolbar > :is(#wrapper-spring) {
			border: 1px solid red !important;
			margin-block: 2px !important;
			margin-inline: 20px 1420px !important;
			}
		#main-window[customizing] toolbarspacer {
			border: 1px dotted lightgreen !important;
			margin: 0 !important;
			}
		toolbar[orient="vertical"] toolbarseparator {
			appearance: none !important;
			}
		toolbar[orient="vertical"] toolbarspacer {
			appearance: none !important;
			height: 18px !important;
			width: 18px !important;
			}
		#customization-palette toolbarpaletteitem[id^="wrapper-customizableui-special-spring"],
		#customization-palette-container :is(#spring,#wrapper-spring) {
			display: none !important;
			}
		#main-window:not([customizing]) toolbar:not(#configuration_toolbar) toolbarspring {
			max-width: 100% !important;
			}
		#main-window[customizing] #configuration_toolbar toolbarspring {
			max-width: 10% !important;
			}
		#menubar-items + spacer {
			display: none !important;
			}
	  `), null, null);

	  sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
	 }
	} catch(e){}

  }

}

/* initialization delay workaround */
document.addEventListener("DOMContentLoaded", AddSeparator.init(), false);
/* Use the below code instead of the one above this line, if initialization issues occur on startup */
/*
setTimeout(function(){
  AddSeparator.init();
},2000);
*/

Alles anzeigen

2002Andreas

Zitat von grisu2099

diese Version des Skriptes:

Da wäre er in rot vorhanden:

Hier lässt sich die Farbe anpassen:

milupo

Hier ist das aktuelle Original von Aris:

CustomJSforFx/space_and_separator_restorer.uc.js at master · Aris-t2/CustomJSforFx

custom scripts. Contribute to Aris-t2/CustomJSforFx development by creating an account on GitHub.

github.com

Könnte der Version von grisu2099 entsprechen.

Ich selbst habe das Skript irgendwann mal zu Testzwecken installiert, verwende es aber nicht.

2002Andreas

Zitat von milupo

Hier ist das aktuelle Original von Aris:

Da fehlt der | auch:

grisu2099

Dann scheint also die aktuelle Version von Aris eine Macke zu haben...

Meine ist schon ein "paar Tage" älter...

hwww

Zitat von grisu2099

Teste mal bitte diese Version des Skriptes:

Ja da sind die Trennlinien aber nur bei Firefox anpassen zu sehen wenn ich zurück auf eine Webseite gehe sind sie wieder weg.

grisu2099

Dann funkt dir da was anderes dazwischen. Hier funktioniert das Skript einwandfrei (sonst hätte ich das ja nicht angeboten)...

hwww

Zitat von grisu2099

Dann scheint also die aktuelle Version von Aris eine Macke zu haben

Ja scheint genau so zu sein. Deshalb warte ich noch etwas ob Aris ev. eine neue Version anbietet.

Allen erst mal recht vielen Dank für eure Hilfe und noch eine schöne Woche hwww

grisu2099

Senkrechte Trennlinien fehlen nach Update

Ähnliche Themen

„Tab neu laden per Doppelklick“ auf den Tabreiter funktioniert nicht mehr

Windows 11

Updates von ihrem Systemadministrator deaktiviert

Problem mit Navigation auf Website

Massive Störungen via Firefox seit dem 01.01.2025

Automatische Updates nachträglich aktivieren (MSI Version)