Senkrechte Trennlinien in Symbolleiste

SuperDAU#0815 · 25. Mai 2019

grisu2099

hab ich... und es ensteht eine leere Lücke ohne Strich

kann es vielleicht sein, dass es sich mit meinem Theme oder anderen Farbeinstellungen beißt, so dass der Strich zwar technisch vorhanden aber unsichtbar ist?

2002Andreas · 25. Mai 2019

Zitat von SuperDAU#0815

sich mit meinem Theme

Deaktivieren und testen :wink:

Zitat von grisu2099

Die Frage ging eigentlich an den TE.

Sorry, mit Brille wäre das nicht passiert :wink:

SuperDAU#0815 · 25. Mai 2019

ja...

habe das theme deaktiviert und alle Scripte + userChrome.css entfernt

bleibt wie es war

2002Andreas · 25. Mai 2019

Teste bitte mal mit diesem zusätzlichen Code in der userChrome.css Datei:

CSS

toolbarseparator{
       -moz-appearance: none !important;
       border: 1px solid !important;
       padding: 1px !important;
       background:blue!important;
    }

[attachment=0]Screenshot (417).png[/attachment]

SuperDAU#0815 · 25. Mai 2019

yaman

die Striche sind da, selbst die Lesezeichen-Trenner, die ich schon ewig nich mehr gesehn hab, gute alte Bekannte...

nur neigen die jetzt zu unterschiedlichen Breiten und die in der Symbolleiste sind mir auch etwas zu lang

habe mal die border raus genommen und padding und farbe geändert, sieht jetzt so aus

[attachment=0]trenner.png[/attachment]

Hätte gerne, dass die in der Symbolleiste etwas kürzer wären

Ich kann alles mit

CSS

margin-top: 6.5px !important;
	margin-bottom: 6.5px !important;

ansprechen - aber dann werden die LZ-Trenner auch kürzer

kann man die unterschiedlichen Leisten unterschiedlich ansprechen?

2002Andreas · 25. Mai 2019

Zitat von SuperDAU#0815

die unterschiedlichen Leisten unterschiedlich ansprechen?

Teste nur für die Lesezeichensymbolleiste:

CSS

#PlacesToolbarItems > toolbarseparator{
       -moz-appearance: none !important;
       margin-top: 6.5px !important;
       margin-bottom: 6.5px !important;
       padding: 1px !important;
       background:blue!important;
    }

Die Werte und Farbe musst du dir natürlich wieder selber anpassen.

2002Andreas · 25. Mai 2019

Und so für die Trennlinie in den anderen Leisten.

CSS

toolbarseparator[id^=customizableui-special-separator] {
  -moz-appearance: none !important;
  border: 1px solid red!important;
  margin-top:4px!important;
  margin-bottom:4px!important;
   }

2002Andreas · 25. Mai 2019

Und so wenn sie nur in der Navbar angesprochen werden sollen:

CSS

#nav-bar toolbarseparator[id^=customizableui-special-separator] {
  -moz-appearance: none !important;
  border: 1px solid red!important;
  margin-top:4px!important;
  margin-bottom:4px!important;
   }

SuperDAU#0815 · 26. Mai 2019

Hallo Andreas,

es ist im wahrsten Sinne unbeschreiblich...

Das Chaos was durch die #46-48 entsteht ist so vielfältig und je nach dem, wann ich was eingetragen hab, verändert es sich von super zu geht gar nich.

Am nächsten komme ich meinen derzeitigen Wünschen mit #47, nur bleiben da die Linien trotz 0.1px relativ breit.

[attachment=0]0_1px.png[/attachment]

Evtl. fällt Dir ja dazu noch was ein.

Ansonsten erstmal vielen Dank und noch einen schönen Restsonntag.

mfg

supi

grisu2099 · 26. Mai 2019

Ersetze mal border durch border:left (oder border:right)... :wink:

SuperDAU#0815 · 26. Mai 2019

hat leider nichts gebracht, außer dass die Linie komplett wegbleibt

aber trotzdem danke.

war vorher auch kein ganz dünner Strich, sondern ne dünne dunkle Linie mit hellerem Schatten, daher ist der Unterschied nich ganz so extrem, geht erstmal.

mfg

supi

2002Andreas · 26. Mai 2019

Sieht hier so aus:

[attachment=0]Zwischenablage01.png[/attachment]

CSS

toolbarseparator[id^=customizableui-special-separator] {
  -moz-appearance: none !important;
  border-left: 1px solid red!important;
  margin-top:4px!important;
  margin-bottom:4px!important;
   }

Büssen · 27. Mai 2019

Hallo,
habe mir den Code aus # 52 angeeignet, da ich vorher bereits einen längeren Strich an gleicher Stelle hatte (Navbar)
sieht so aus bei mir:
[attachment=0]Senkr_Linien_Nightly_Navbari.jpg[/attachment]
Es ist (aber) nur eine Linie zu sehen? Habe ich etwas übersehen?

2002Andreas · 27. Mai 2019

Zitat von Büssen

Es ist (aber) nur eine Linie zu sehen? Habe ich etwas übersehen?

Wenn du mehr Trennlinien haben willst, dann musst du dir die jeweils aus dem Anpassen Fenster dahin ziehen wo du sie haben willst.

Büssen · 27. Mai 2019

Zitat von 2002Andreas

Wenn du mehr Trennlinien haben willst, dann musst du dir die jeweils aus dem Anpassen Fenster dahin ziehen wo du sie haben willst.

Wenn das so einfach wäre, aber ich habe im Anpassen-Fenster (momentan) keine Möglichkeit gefunden, mir einen Strich zu greifen und in der Navbar unter zu bringen.
Habe dort z.Zt. nur den flexiblen Leerraum.

2002Andreas · 27. Mai 2019

Zitat von Büssen

Habe dort z.Zt. nur den flexiblen Leerraum.

Hast du dir denn das Script für die Trennlinien installiert?

Büssen · 27. Mai 2019

Ist dieses Script gemeint?

CSS

// Restore 'Space & Separator' items script for Firefox 60+ 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 get lost until next time customizing mode gets opened




Components.utils.import("resource:///modules/CustomizableUI.jsm");
var {Services} = Components.utils.import("resource://gre/modules/Services.jsm", {});
var appversion = parseInt(Services.appinfo.version);


var AddSeparator = {
  init: function() {

	var tb_config_label = "Configuration Toolbar";
	var tb_spacer_label = "Space";
	var tb_sep_label = "Separator";
	var tb_spring_label = "Flexible Space";

	try {

	  if(appversion <= 62) var tb_config = document.createXULElement("toolbar");
	  else 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});
	  if(appversion >= 65) CustomizableUI.registerToolbarNode(tb_config);


	  if(appversion <= 62) var tb_label = document.createXULElement("label");
	  else 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);


	  if(appversion <= 62) var tb_spacer = document.createXULElement("toolbarspacer");
	  else 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);


	  if(appversion <= 62) var tb_sep = document.createXULElement("toolbarseparator");
	  else 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);


	  if(appversion <= 62) var tb_spring = document.createXULElement("toolbarspring");
	  else 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("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 { \
	      -moz-appearance: none !important; \
		  background-color: var(--toolbar-bgcolor); \
		  background-image: var(--toolbar-bgimage); \
		  background-clip: padding-box; \
		  color: var(--toolbar-color, inherit); \
		} \
		#main-window:not([customizing]) #configuration_toolbar { \
		  visibility: collapse; \
		}\
		#main-window[customizing] #configuration_toolbar #tb_config_tb_label { \
		  font-weight: bold !important; \
		}\
		#main-window[customizing] #configuration_toolbar :-moz-any(#spacer,#separator,#spring) { \
		  -moz-margin-start: 20px; \
		}\
		#main-window[customizing] #configuration_toolbar :-moz-any(#wrapper-spacer,#wrapper-separator,#wrapper-spring) .toolbarpaletteitem-label { \
		  display: block !important; \
		  -moz-margin-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: 10px !important; \
		}\
		#main-window[customizing] #configuration_toolbar > :-moz-any(#wrapper-spacer,#wrapper-separator,#wrapper-spring) { \
		  border: 1px dotted !important; \
		  -moz-margin-start: 2px !important; \
		  -moz-margin-end: 2px !important; \
		}\
		#main-window[customizing] toolbarspacer { \
		  border: 1px solid !important; \
		}\
		toolbar[orient="vertical"] toolbarseparator { \
		  -moz-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; \
		  width: 18px !important; \
		}\
		toolbar[orient="vertical"] toolbarspacer { \
		  -moz-appearance: none !important; \
		  height: 18px !important; \
		  width: 18px !important; \
		}\
		#customization-palette toolbarpaletteitem[id^="wrapper-customizableui-special-spring"], \
		#customization-palette-container :-moz-any(#spring,#wrapper-spring) { \
		  display: none !important; \
		}\
	  \
	  '), null, null);


	  sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);

	} catch(e){}	


  }


}


setTimeout(function(){
  AddSeparator.init();
},500);

Alles anzeigen

2002Andreas · 27. Mai 2019

Teste dieses bitte mal:

CSS

// Restore 'Space & Separator' items script for Firefox 60+ 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)




Components.utils.import("resource:///modules/CustomizableUI.jsm");
var {Services} = Components.utils.import("resource://gre/modules/Services.jsm", {});
var appversion = parseInt(Services.appinfo.version);


var AddSeparator = {
  init: function() {

	/* 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) {

	  if(appversion <= 62) var tb_config = document.createElement("toolbar");
	  else 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});
	  if(appversion >= 65) CustomizableUI.registerToolbarNode(tb_config);

	  if(appversion <= 62) var tb_label = document.createElement("label");
	  else 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);


	  if(appversion <= 62) var tb_spacer = document.createElement("toolbarspacer");
	  else 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);


	  if(appversion <= 62) var tb_sep = document.createElement("toolbarseparator");
	  else 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);


	  if(appversion <= 62) var tb_spring = document.createElement("toolbarspring");
	  else 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("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 { \
	      -moz-appearance: none !important; \
		  background-color: var(--toolbar-bgcolor); \
		  background-image: var(--toolbar-bgimage); \
		  background-clip: padding-box; \
		  color: var(--toolbar-color, inherit); \
		} \
		#main-window:not([customizing]) #configuration_toolbar { \
		  visibility: collapse; \
		}\
		#main-window[customizing] #configuration_toolbar #tb_config_tb_label { \
		  font-weight: bold !important; \
		}\
		#main-window[customizing] #configuration_toolbar :-moz-any(#spacer,#separator,#spring) { \
		  -moz-margin-start: 20px; \
		}\
		#main-window[customizing] #configuration_toolbar :-moz-any(#wrapper-spacer,#wrapper-separator,#wrapper-spring) .toolbarpaletteitem-label { \
		  display: block !important; \
		  -moz-margin-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: 10px !important; \
		}\
		#main-window[customizing] #configuration_toolbar > :-moz-any(#wrapper-spacer,#wrapper-separator,#wrapper-spring) { \
		  border: 1px dotted !important; \
		  -moz-margin-start: 2px !important; \
		  -moz-margin-end: 2px !important; \
		}\
		#main-window[customizing] toolbarspacer { \
		  border: 1px solid !important; \
		}\
		toolbar[orient="vertical"] toolbarseparator { \
		  -moz-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; \
		  width: 18px !important; \
		}\
		toolbar[orient="vertical"] toolbarspacer { \
		  -moz-appearance: none !important; \
		  height: 18px !important; \
		  width: 18px !important; \
		}\
		#customization-palette toolbarpaletteitem[id^="wrapper-customizableui-special-spring"], \
		#customization-palette-container :-moz-any(#spring,#wrapper-spring) { \
		  display: none !important; \
		}\
	  \
	  '), null, null);


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


  }


}


/* initialization delay workaround */
document.addEventListener("DOMContentLoaded", AddSeparator.init(), false);

Alles anzeigen

2002Andreas · 27. Mai 2019

So sollte das dann aussehen:

[attachment=0]Screenshot (433).png[/attachment]

Büssen · 27. Mai 2019

Bingo - da war es! :klasse:
Ich hatte aber vergessen, dass ich mit der Nigtly-Version zugange bin.
Da habe ich heute ja schon einiges mit erlebt. milupo hat mich heute bereits über einige Hürden getragen!
Vielen Dank! :klasse:

Teilen