Hallo,
non-flexible Space müssen der Toolbar hinzugefügt werden, wie es in früheren Versionen des Browsers der Fall war. Sie sind nützlich für die logische Trennung von Schaltflächen in der Toolbar oder in der vertikalen Toolbar.
Danke
non-flexible Space müssen der Toolbar hinzugefügt werden
Hilft dir das Skript weiter?
Das hilft.
Danke.
Gerne doch 
non-flexible Space müssen der Toolbar hinzugefügt werden
Hilft dir das Skript weiter?
https://github.com/Aris-t2/Custom…_restorer.uc.js
Das Skript ist genial!
Nur kannst Du mir erklären, an welcher Stelle die Breite des "schmalen" flexiblen Leerraum festgelegt wird?
Ich hätte den gerne etwas schmaler.
Teste mal mit verschiedenen Werten in Zeile 147 (wenn ich das auf die Schnelle richtig gesehen habe... 
)
Eine Art CSS Variante ist etwas das ich gelegentlich einsetze, die nicht benutzte Buttons verwendet.
Die für einen verfügbaren/sowieso nie benutzten Buttons muss man sich dann halt raussuchen.
/* Fake button spacer nav-bar separator */
/* mark fake separator buttons in customize window */
toolbarpaletteitem :is(#library-button,
#home-button,
#characterencoding-button,
#sync-button,
#save-to-pocket-button) .toolbarbutton-icon {
background-color: powderblue !important;
outline: 2px solid orange !important;
}
:is(toolbarpaletteitem[place="toolbar"]) :is(#library-button,
#home-button,
#characterencoding-button,
#sync-button,
#save-to-pocket-button) {
margin-inline: 4px !important;
background-color: powderblue !important;
outline: 1px solid orange !important;
outline-offset: -1px !important;
}
/* fake separator buttons */
:is(toolbarpaletteitem[place="toolbar"], toolbar) :is(#library-button,
#home-button,
#characterencoding-button,
#sync-button,
#save-to-pocket-button) .toolbarbutton-icon {
display: none !important;
}
:is(toolbarpaletteitem[place="toolbar"], toolbar) :is(#library-button,
#home-button,
#characterencoding-button,
#sync-button,
#save-to-pocket-button) {
/*background-color: red !important;*/
pointer-events: none !important;
-moz-window-dragging: drag !important;
width: 10px !important;
margin-block: 6px !important;
padding: 0 !important;
}Teste mal mit verschiedenen Werten in Zeile 147 (wenn ich das auf die Schnelle richtig gesehen habe...
Warum auch immer, haben Änderungen im Skript nichts bewirkt, aber ....
Ich habe mir ganz einfach eine toolbarspacer.css angelegt und in der userChrome.css eingebunden.
toolbarspacer {
width: 10px!important;
}Jetzt geht es.
Eine Art CSS Variante ist etwas das ich gelegentlich einsetze, die nicht benutzte Buttons verwendet.
Die für einen verfügbaren/sowieso nie benutzten Buttons muss man sich dann halt raussuchen.
Danke, mitgenommen, Sack gesteckt 
Ich habe dafür in der userChrome.css das flexible Teil (toolbarspring) benutzt:
...
#nav-bar toolbarspring {
background: transparent !important;
max-width: 20px !important;
min-width: 20px !important;
width: 20px !important;
margin-top: 4px !important;
margin-bottom: 4px !important;
}
...Eventuell für den eigenen Bedarf die ??px entsprechend anpassen.
Ich habe dafür in der userChrome.css das flexible Teil (toolbarspring) benutzt:
Jo, gefällt auch, scheint einfacher und flexibler zu sein....
Danke fürs teilen 
Das Skript aus Post #2 von 2002Andreas ist wunderbar, abgesehen von den mehrfachen Space, kann es Trennlinien hinzufügen Der Code aus Post #7 von Horstmann ist sehr gut, eine einfache und schnelle Lösung
Danke
In Firefox v116 bleibt die technische Möglichkeit, schmale "spaces" und "separator" hinzuzufügen, aber diese Optionen selbst sind aus der Symbolleistenkonfiguration verborgen.
Sie können "spaces" und "separator" in der Navigationsleiste und Vertical Add-оn Bar von Aris-t2, hinzufügen.
Also go to about:config -> browser.uiCustomisation.state
Kopieren Sie den Inhalt nach NotePad++, es wird ein Backup der Anpassung sein, und wir werden "spaces" und "separator" hinzufügen.
Es funktioniert wirklich.
Was hier steht, fand ich kompliziert, könnte aber hilfreich sein
schmale "spaces" und "separator"
// spacer.uc.js
// ==/UserScript==
(async url => location != url || await delayedStartupPromise || ({
_timer: null,
_sss: Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService),
get Customizable() {
delete this.Customizable;
if ("createSpecialWidget" in CustomizableUI)
return this.Customizable = CustomizableUI;
var scope = null;
try {
scope = Cu.import("resource:///modules/CustomizableUI.jsm", {}).CustomizableUIInternal;
} catch (e) { }
return this.Customizable = scope;
},
regStyle: function(css) {
let uri = makeURI("data:text/css;charset=UTF=8," + encodeURIComponent(css));
if (this._sss.sheetRegistered(uri, this._sss.USER_SHEET)) return;
this._sss.loadAndRegisterSheet(uri, this._sss.USER_SHEET);
},
unregStyle: function(css) {
let uri = makeURI("data:text/css;charset=UTF=8," + encodeURIComponent(css));
if (this._sss.sheetRegistered(uri, this._sss.USER_SHEET))
this._sss.unregisterSheet(uri, this._sss.USER_SHEET);
},
init(type) {
if (!("CustomizableUI" in window) || !("gCustomizeMode" in window))
return;
this.regStyle(this._style);
window.addEventListener(type, this);
window.addEventListener("unload",
() => {
this.unregStyle(this._style);
window.removeEventListener(type, this)
}
, {once: true});
},
handleEvent(e) {
this[e.type](e);
},
customizationchange() {
clearTimeout(this._timer);
this._timer = setTimeout(() => {
this.createSpecialWidgets();
}, 1000);
},
customizationready() {
if (!this.Customizable)
return;
this.createSpecialWidgets();
window.addEventListener("customizationchange", this);
window.addEventListener("customizationending", this);
},
customizationending() {
window.removeEventListener("customizationchange", this);
window.removeEventListener("customizationending", this);
},
createSpecialWidgets() {
try {
let fragment = document.createDocumentFragment();
if (this.findSpecialWidgets("spring")) {
let spring = this.Customizable.createSpecialWidget("spring", document);
spring.setAttribute("label", "Spring Space");
fragment.append(gCustomizeMode.wrapToolbarItem(spring, "palette"));
}
if (this.findSpecialWidgets("spacer")) {
let spacer = this.Customizable.createSpecialWidget("spacer", document);
spacer.setAttribute("label", "Space");
fragment.append(gCustomizeMode.wrapToolbarItem(spacer, "palette"));
}
if (this.findSpecialWidgets("separator")) {
let separator = this.Customizable.createSpecialWidget("separator", document);
separator.setAttribute("label", "Separator");
fragment.append(gCustomizeMode.wrapToolbarItem(separator, "palette"));
}
gCustomizeMode.visiblePalette.append(fragment);
} catch (e) {}
},
findSpecialWidgets(string) {
try {
if (!gCustomizeMode.visiblePalette.querySelector(`toolbar${string}[id^="customizableui-special-${string}"]`))
return true;
} catch (e) {}
return false;
},
_style: `
@-moz-document url("chrome://browser/content/browser.xhtml") {
:root {
--v-springer-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='18' width='32'><path style='fill:none;stroke:%23000000;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;' d='m 0.6,3.6 v 10.8 z m 30.8,0 V 14.4 Z M 2,9 5.4,5.6 v 6.8 z M 26.6,5.6 30,9 26.6,12.4 Z M 8.6,9 c 0,-0.8 0.6,-1.4 1.4,-1.4 0.8,0 1.4,0.6 1.4,1.4 0,0.8 -0.6,1.4 -1.4,1.4 C 9.2,10.4 8.6,9.8 8.6,9 Z m 6,0 c 0,-0.8 0.6,-1.4 1.4,-1.4 0.8,0 1.4,0.6 1.4,1.4 0,0.8 -0.6,1.4 -1.4,1.4 -0.8,0 -1.4,-0.6 -1.4,-1.4 z m 6,0 c 0,-0.8 0.6,-1.4 1.4,-1.4 0.8,0 1.4,0.6 1.4,1.4 0,0.8 -0.6,1.4 -1.4,1.4 -0.8,0 -1.4,-0.6 -1.4,-1.4 z'/></svg>");
}
toolbarpaletteitem[place="palette"] > toolbarspring[id^="customizableui-special-spring"] {
background: white var(--v-springer-image) center no-repeat !important;
border: none !important;
outline: 1px solid currentColor !important;
outline-offset: -1px !important;
min-height: 37px !important;
opacity: 0.3 !important;
}
toolbarpaletteitem[place="toolbar"] > toolbarspring[id^="customizableui-special-spring"] {
background: white var(--v-springer-image) center no-repeat !important;
border: none !important;
min-width: 34px !important;
min-height: 14px !important;
outline: 1px solid currentColor !important;
outline-offset: -1px !important;
margin-block: 2px !important;
margin-inline: 1px !important;
opacity: 0.3 !important;
}
toolbarpaletteitem[place="palette"] > toolbarspacer[id^="customizableui-special-spacer"] {
background: white !important;
border: none !important;
outline: 1px solid currentColor !important;
outline-offset: -1px !important;
min-height: 37px !important;
width: 15px !important;
max-width: 15px !important;
opacity: 0.3 !important;
}
toolbarpaletteitem[place="toolbar"] > toolbarspacer[id^="customizableui-special-spacer"] {
background: white !important;
border: none !important;
outline: 1px solid currentColor !important;
outline-offset: -1px !important;
min-height: 14px !important;
width: 15px !important;
margin-block: 2px !important;
margin-inline: 1px !important;
opacity: 0.3 !important;
}
toolbarseparator[id^="customizableui-special-separator"] {
-moz-appearance: none !important;
appearance: none !important;
padding: 0 !important;
margin: 2px !important;
margin-inline-start: 4px !important;
margin-inline-end: 0 !important;
border: none !important;
border-inline-start: 1px solid currentColor !important;
min-width: 5px !important;
width: 5px !important;
max-width: 5px !important;
opacity: 0.3 !important;
}
toolbar[orient="vertical"] toolbarseparator[id^="customizableui-special-separator"] {
margin-inline-start: 2px !important;
margin-inline-end: 2px !important;
margin-top: 4px !important;
margin-bottom: 0 !important;
border-top: 1px solid currentColor !important;
border-inline-start: none !important;
width: auto !important;
max-width: none !important;
height: 5px !important;
min-height: 5px !important;
max-height: 5px !important;
}
toolbarpaletteitem[place="palette"] > toolbarseparator[id^="customizableui-special-separator"] {
margin: 0 !important;
min-height: 37px !important;
}
toolbarpaletteitem[place] > toolbarspring[id^="customizableui-special-spring"],
toolbarpaletteitem[place] > toolbarspacer[id^="customizableui-special-spacer"],
toolbarpaletteitem[place] > toolbarseparator[id^="customizableui-special-separator"] {
-moz-window-dragging: no-drag !important;
}
toolbar:not(#nav-bar) toolbarpaletteitem[place="toolbar"][id^="wrapper-customizableui-special-spring"],
toolbar:not(#nav-bar) toolbarspring {
max-width: none !important;
}
toolbarpaletteitem[place="palette"][id^="wrapper-customizableui-special-spacer"],
toolbarpaletteitem[place="palette"][id^="wrapper-customizableui-special-separator"] {
align-items: center !important;
}
toolbar#addonbar_v > toolbarspacer {
width: auto !important;
height: 15px !important;
}
}
`
}).init("customizationready"))("chrome://browser/content/browser.xhtml");Was hier steht, fand ich kompliziert, könnte aber hilfreich sein
8 Jahre alt, und die erste Lösung basiert auf CTR., die zweite gibt es nicht mehr.
Platz wird in "browser.uiCustomization.state" geschrieben
Eine aktualisierte Version von #7; die für einen verfügbaren Buttons muss man sich wieder raussuchen.
/* Fake button spacer / separator #3a */
/* mark fake separator buttons in customize window */
toolbarpaletteitem[place="toolbar"] :is(#library-button,
#home-button,
#characterencoding-button,
#sync-button,
#save-to-pocket-button) {
margin-inline: 4px !important;
background-color: powderblue !important;
outline: 1px solid orange !important;
outline-offset: -1px !important;
}
toolbarpaletteitem :is(#library-button,
#home-button,
#characterencoding-button,
#sync-button,
#save-to-pocket-button) .toolbarbutton-icon {
margin-inline: 4px !important;
background-color: lightblue !important;
outline: 2px solid orange !important;
outline-offset: 4px !important;
}
/* fake separator buttons */
:is(toolbarpaletteitem[place="toolbar"], toolbar) :is(#library-button,
#home-button,
#characterencoding-button,
#sync-button,
#save-to-pocket-button) .toolbarbutton-icon {
display: none !important;
}
:is(toolbarpaletteitem[place="toolbar"], toolbar) :is(#library-button,
#home-button,
#characterencoding-button,
#sync-button,
#save-to-pocket-button) {
pointer-events: none !important;
-moz-window-dragging: drag !important;
/* width */
width: 88px !important;
/* adjust height */
margin-block: 5px !important;
/* use for fake separator, comment out for fake spacer */
padding: 0 !important;
background-color: red !important;
}