Abstand zwischen Booksmarks verkleinern (Lesezeichen-Symbolleiste)

Burli1

Damit gehts (aus anderem thread)

menupopup > menuitem,

menupopup > menu {

padding-block: 0 !important;

padding-inline-start: 14px !important;

}

Hätte mir jemand da reinschreiben können. Hätte mir 15min Arbeit erspart.

Omasemi

Danke 2002Andreas , damit hat es auch bei mir funktioniert.

Kann ich den Code so anpassen, dass ich die Abstände selbst bestimmen kann? Welchen Wert müsste ich dann verändern?

Zitat von 2002Andreas

Zitat von Burli1

So schauts aus:

Neuer Versuch:

CSS

menupopup > menuitem, menupopup > menu {
    padding-block: .0em;
    padding-inline-start: 1em;
}


#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item {

margin-left: -3px !important;

}

#PlacesToolbarItems menupopup > menuitem, #PlacesToolbarItems menupopup > menu {

padding-block: 0em !important;

padding-inline-start: 1em !important;

}

Alles anzeigen

Danke Andreas, damit hat es auch bei mir geklappt. Welchen Wert müsste ich verändern um die Abstände selbst zu bestimmen?

2002Andreas

Zitat von Omasemi

um die Abstände selbst zu bestimmen?

Hallo und Willkommen hier im Forum. 😊

Hier kannst du den Wert ändern jeweils:

padding-block: 0em !important;

Z.B.

padding-block: 0.1em !important;

Omasemi

also oben und unten jeweils ändern. Oben dann so: "padding-block: .0.1em"? Also Punkt davor lassen?

Es hat wohl schon geklappt. Hab Abstand jetzt minimal wieder vergrößert.

Prima und Danke!

P S hab noch ne kleine Frage: wenn ich noch ein anderes Script reinschreiben will, dann schreib ich einfach in die userChrome.css Datei unten weiter? Also direkt drunter das nächste Script? Oder muss ich eine zusätzliche unserChrome.css anlegen?

2002Andreas

Zitat von Omasemi

Also Punkt davor lassen?

0.1em

statt .0.1em

Der Punkt vor der Null muss weg.

Omasemi

Ja danke! Es klappt. Und wenn ich ein anderes Script zusätzlich schreiben möchte, dann schreibe ich in die selbe Datei userChrome.css einfach unten weiter?

2002Andreas

Zitat von Omasemi

einfach unten weiter?

Ja.

Omasemi

Perfekt

2002Andreas

Zitat von Omasemi

Perfekt

So sollte es ja auch sein

milupo

Zitat von Omasemi

Und wenn ich ein anderes Script zusätzlich schreiben möchte

Nur so mal als Hinweis. Wir nennen das CSS-Code, denn es gibt noch Benutzerskripte. Diese sind auch Code, verändern aber nicht nur das Aussehen, sondern fügen auch Funktionalität hinzu und sind in JavaScript geschrieben.

Omasemi

Hallo milupo, ja das könnte wichtig sein die genauen Begriffe zu verwenden. Danke fürs Aufklären.

Iberio

Ein Hallo in die Runde werfe

Ich bin was Programmieren angeht ein Blutiger Anfänger. Aber nun ärgert mich das die fleißigen Programmierer von Firefox die Abstände von den Lesezeichen so vergrößert haben. Daher mein Freund "Google" gefragt, und der führte mich zu Eure sehr Interessante Seite

Habe dann versucht es alleine hinzubekommen. mit sehr guten Ergebnissen wenn ich die Version vom leo l. Beitrag #6 benutze Ergebnis ok. Wenn ich die Version vom Burli1 im Beitrag #21 benutze, auch ok. Aber sobald ich beide „verheiratete“ funktionierte nur die Version von leo.l vom Beitrag #6.

Nun meine Frage: Bestehet die Möglichkeit, die „userCrome“ vom leo l. im Beitrag #6 (funktioniert bei mir sehr gut) mit der „userChrome“ vom Burli1 im Beitrag #21 (auch diese funktioniert alleine sehr gut) zu „verheiraten“ so dass ich die beiden Vorteile zusammen nutzen kann?

2002Andreas

Zitat von Iberio

Bestehet die Möglichkeit

Hallo und Willkommen hier im Forum. 😊

Sieht dann so aus:

CSS

menupopup > menuitem,

menupopup > menu {

padding-block: 0 !important;

padding-inline-start: 14px !important;

}


/* aktiven Tab einfĂ¤rben */
.tab-background[selected="true"]{
background-color:transparent!important;
box-shadow: inset 0px 0px 15px 1px #6E6E6E !important;
}
toolbarbutton.bookmark-item {

margin-left: -5px !important;

}
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
 
/* Modify to change window drag space width */
/*
Use tabs_on_bottom_menubar_on_top_patch.css if you
have menubar permanently enabled and want it on top
*/
 
/* IMPORTANT */
/*
Get window_control_placeholder_support.css
Window controls will be all wrong without it.
Additionally on Linux, you may need to get:
linux_gtk_window_control_patch.css
*/
 
:root{ --uc-titlebar-padding: 0px; }
@media (-moz-os-version: windows-win10){
:root[sizemode="maximized"][tabsintitlebar]{ --uc-titlebar-padding: 8px }
}
#toolbar-menubar[autohide="true"] > .titlebar-buttonbox-container,
#TabsToolbar > .titlebar-buttonbox-container{
position: fixed;
display: block;
top: var(--uc-titlebar-padding,0px);
right:0;
height: 40px;
}
/* Mac specific. You should set that font-smoothing pref to true if you are on any platform where window controls are on left */
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled"){
:root{ --uc-titlebar-padding: 0px !important }
.titlebar-buttonbox-container{ left:0; right: unset !important; }
}
 
:root[uidensity="compact"] #TabsToolbar > .titlebar-buttonbox-container{ height: 32px }
 
#toolbar-menubar[inactive] > .titlebar-buttonbox-container{ opacity: 0 }
 
#navigator-toolbox{ padding-top: var(--uc-titlebar-padding,0px) !important; }
 
.titlebar-buttonbox-container > .titlebar-buttonbox{ height: 100%; }
 
#titlebar{
-moz-box-ordinal-group: 2;
-moz-appearance: none !important;
--tabs-navbar-shadow-size: 0px;
}
 
.titlebar-placeholder,
#TabsToolbar .titlebar-spacer{ display: none; }
/* Also hide the toolbox bottom border which isn't at bottom with this setup */
#navigator-toolbox::after{ display: none !important; }
 
@media (-moz-gtk-csd-close-button){ .titlebar-button{ -moz-box-orient: vertical } }
 
/* These exist only for compatibility with autohide-tabstoolbar.css */
toolbox#navigator-toolbox > toolbar#nav-bar.browser-toolbar{ animation: none; }
#navigator-toolbox:hover #TabsToolbar{ animation: slidein ease-out 48ms 1 }
 
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/tabs_on_bottom_menubar_on_top_patch.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
 
/* Menubar on top patch - use with tabs_on_bottom.css */
/* Only really useful if menubar is ALWAYS visible */
 
:root{ --uc-window-control-width: 0px !important }
 
#navigator-toolbox{ padding-top: calc(29px + var(--uc-titlebar-padding,0px)) !important }
 
#toolbar-menubar{
position: fixed;
display: flex;
top: var(--uc-titlebar-padding,0px);
height: 29px;
width: 100%;
overflow: hidden;
}
 
#toolbar-menubar > .titlebar-buttonbox-container{ height: 29px; order: 100; }
 
#toolbar-menubar > [flex]{ flex-grow: 100; }
#toolbar-menubar > spacer[flex]{
order: 99;
flex-grow: 1;
min-width: var(--uc-window-drag-space-width,20px);
}
 
#toolbar-menubar .titlebar-button{ padding: 2px 17px !important; }
 
#toolbar-menubar .toolbarbutton-1 { --toolbarbutton-inner-padding: 3px }

/* TABS: height */*|*:root { --tab-toolbar-navbar-overlap: 0px !important; --tab-min-height: 25px !important; /*adjust to set height or omit to use density*/
--tab-min-width: 80px !important; /*adjust to set width or omit to use default*/

#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}
 
.tab-background {
border-radius: 8px 8px 0px 0px !important; border-image: none !important;
}
.tab-line {
display: none;
}
 
.tab-close-button {
color: red!important;
}

Alles anzeigen

Iberio

Hallo Andreas

WOW, mir ist immer noch schwindelig mit welcher Rekordgeschwindigkeit du auf meinen Ersten Post reagiert hat.

Habe sofort deine "CSS" benutzt. Siehe da… Es funktioniert. Bin voll begeistert.

Lieben dank für die Hilfestellung mit rekordverdächtige Antwortgeschwindigkeit!

Mit freundlichem Gruß

Iberio

2002Andreas

Zitat von Iberio

Lieben dank für die Hilfestellung

Freut mich wenn ich dir damit helfen konnte, war gern geschehen

UliBär

Hallo zusammen,

gerade auf den FX 92.0 upgedatet und schon wieder stimmt der Abstand der Bookmarks nicht mehr - sprich - der Teil "padding-block: 0 !important;" wirkt nicht wie gewünscht. Hat Jemand eine Idee woran es dieses Mal wieder hakt?

2002Andreas

Zitat von UliBär

Hat Jemand eine Idee woran es dieses Mal wieder hakt?

Funktioniert hier einwandfrei:

CSS

menupopup > menuitem,

menupopup > menu {

padding-block: 0 !important;

padding-inline-start: 14px !important;

}

Bis einschl. Fx 94.

grisu2099

Zitat von UliBär

sprich - der Teil "padding-block: 0 !important;" wirkt nicht wie gewünscht.

Hier schon...

Hast du sonst noch was gebastelt?

UliBär

Tja, hier nicht:

Bis gerade kurz vorher in der Version 91.0.2 war es ok. Es sind auch nur die Bookmarks betroffen, das normale Menü und die Kontextmenüs sind nicht betroffen?! :?

2002Andreas

Zitat von UliBär

Tja, hier nicht:

Der Abstand ist doch völlig richtig mit dem Code so

Nimm ihn mal raus, und teste dann.