Archiv

Flexiblen Leerraum die Breite anpassen im Firefox



Für User die gerne einen kleinen Abstand zwischen den verschiedenen Symbolen in den diversen Leisten vom Firefox haben möchten, die können sich dazu aus dem Anpassenfenster vom Firefox, einen flexiblen Leerraum einfügen.

Dazu zieht man dieses Feld Flexibler Leerraum einfach zwischen die jeweiligen Symbole:

Flexiblen Leerraum die Breite anpassen im Firefox 0

Und so sieht das zum Beispiel mit der Standardeinstellung der Abstände mit dem flexiblen Leerraum in der Navigationsleiste aus:

Flexiblen Leerraum die Breite anpassen im Firefox 1

Der Abstand ist aus meiner Sicht in diesem Fall aber doch viel zu groß.

Wer daran etwas ändern möchte, der kann das mit einem CSS Code erreichen. Mit diesem CSS Code wird dem flexiblen Leerraum einfach eine feste Breite vergeben.

Flexiblen Leerraum

Bis zur Firefox Version 56 war es möglich, solche Funktionen durch diverse Erweiterungen zu erreichen.

Das Eine oder Andere ist seit der Firefox Version 57 nicht mehr möglich, da Mozilla dafür (zumindest noch) keine Schnittstelle mehr zur Verfügung stellt.

Aus diesem Grund muss man jetzt diese optischen Änderungen am Firefox immer mit einer userChrome.css Datei erstellen.



Dazu bedarf es allerdings erst einer kleineren Vorbereitung, die ich hier schon mal erklärt hatte.

userChrome.css erstellen

Und hier mal eine Erklärung wie man das mit dem CSS Code zum Ändern der Abstände machen muss.

Dazu gehen wir als erstes in den Profilordner vom Firefox, und öffnen den dort selber angelegten Ordner chrome.

Dann im Ordner chrome die userChrome.css Datei öffnen.

In diese Datei tragen wir nun folgenden CSS Code ein:

/*Flexibler Leerraum, die Breite ist anpassbar*/

toolbarpaletteitem[id^="wrapper-customizableui-special-spring"] {
min-width: 8px!important;
max-width: 8px!important;
}

toolbarspring {
-moz-box-flex: 1;

min-width: 8px!important;
max-width: 8px!important;
}

So sieht der Code dann in der userChrome.css Datei aus:

Flexiblen Leerraum die Breite anpassen im Firefox 2

Die vergebene feste Breite von 8px für den Leerraum kann je nach Belieben verändert werden.

Damit man später noch genau weiß was der jeweilige CSS Code bedeutet, sollte man sich über dem CSS Code einen aussagekräftigen Hinweis erstellen.

Dazu schreibt man vor dem Text erst einen Slash und einen Stern /* dann die Beschreibung der Funktion…und als Abschluss schreibt man diesmal erst den Stern und dann das Slashzeichen */

Die Zeichen vorher und nachher bedeuten, dass der Text auskommentiert ist, und somit keinen Einfluss auf den CSS Code bzw. seine Funktion hat.

Flexiblen Leerraum

Dann die userChrome.css Datei schließen und speichern, und den Firefox neu starten, damit die Änderung wirksam wird.

Und so sieht das dann mit den Abständen und der vergebenen festen Breite in der Navigationsleiste aus:

Flexiblen Leerraum die Breite anpassen im Firefox 3

Wie man sieht, sind die Abstände jetzt optisch viel schöner durch die Änderung in eine feste Breite.

Und so sieht das dann im Anpassenfenster vom Firefox aus:

Flexiblen Leerraum die Breite anpassen im Firefox 4

Das Feld für den flexiblen Abstand erscheint auch hier schon in der fest vergebenen Breite.

Möchte man eines Tages diese Änderung nicht mehr nutzen, dann reicht es aus, den CSS Code in der userChrome.css wieder zu löschen.

Danach noch einen Neustart vom Browser machen, und die Abstände haben wieder den Standard Abstand.

Hier hatte ich mal beschrieben was man alternativ zur userChrome.css Datei am besten machen sollte:

userChrome.css aufräumen

Vorteil dadurch, es ist alles viel übersichtlicher und man findet schneller mal etwas wieder.

33,05 EUR
Bose SoundTouch 10 wireless Music System (geeignet für Alexa) schwarz
1.088 Bewertungen
Bose SoundTouch 10 wireless Music System (geeignet für Alexa) schwarz
  • Das kompakt der SoundTouch-Systeme von Bose macht sich überall im Haus gut
  • WLAN- und Bluetooth-Kompatibilität, damit Sie praktisch alles abspielen können


Das könnte auch interessant sein...


Tags

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Back to top button