Abstand zwischen Booksmarks verkleinern (Lesezeichen-Symbolleiste)

leo l.

Moin,

nachdem Update auf die 89.0 musste ich meine userChrome anpassen (Tabs unten), mit dem Code aus dem Beitrag ( RE: Fx 89 - Tableiste unten) hat das auch geklappt.

CSS

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

Ich möchte aber gerne wieder meine Lesezeichen etwas enger in der Leiste haben um dort mehr zu plazieren. Früher habe ich einen Code ähnlich dem aus diesem Beitrag verwendet: Abstand zwischen Booksmarks verändern (Lesezeichen-Symbolleiste)

Geht aber laienhaft gesagt nicht, stelle keine Änderungen fest, wenn ich den Code in der userChrome am Ende einfüge.

CSS

#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item {
    margin-left: -5px !important;
}

Über etwas Hilfe würde ich mich freuen!

bege

Zitat von leo l.
CSS
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item {
    margin-left: -5px !important;
}
Über etwas Hilfe würde ich mich freuen!

Damit krieg ich's hin.

toolbarbutton.bookmark-item {

margin-left: -5px !important;

}

leo l.

Vielen Dank, hat geklappt!

Burli1

Zitat von bege
Zitat von leo l.
CSS
#personal-bookmarks #PlacesToolbar toolbarbutton.bookmark-item {
    margin-left: -5px !important;
}
Über etwas Hilfe würde ich mich freuen!
Damit krieg ich's hin.
toolbarbutton.bookmark-item {
margin-left: -5px !important;
}

Hallo, voll genervt, dass ich mit css herumtun und viele Seiten lesen muss, weil Version 89 plötzlich den Zeilenabstand verstellt! Das ist MIST! (Sorry)

Ich kriegs laut obigem Text nicht hin! Wie muss die gesamte CSS, erstellt in Firefox\Profiles\5ttgxbp5.default-release\storage\permanent\chrome, ausschauen, bitte?

THX!

Boersenfeger

Wasn das für ein Speicherort?

Zitat

Firefox\Profiles\5ttgxbp5.default-release\storage\permanent\chrome

Sollte so aussehen:

Zitat

...Firefox\Profiles\5ttgxbp5.default-release\chrome\CSS\

leo l.

anbei meine userChrome, vielleicht hilft es Dir.

Aktiver Tab ist hellgrau umrandet.

CSS

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

Burli1

1. Ordner korrigiert, thx (das falsche /chrome war schon angelegt)

2. CSS in versch. Varianten probiert. zB so

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

margin-left: -5px !important;

}

FF neugestartet. Kein Effekt. Help! THX!

2002Andreas

Zitat von Burli1

Kein Effekt.

Zumindest der Code funktioniert einwandfrei.

Ich habe den Abstand mal übertrieben, dadurch liegen die Lesezeichen übereinander.

Einzutragen in die userChrome.css

Sollte der Ordner chrome nicht vorhanden sein musst du ihn dir erst erstellen, und in ihm dann eine userChrome.css
Du mußt dir im Profilordner einen neuen Ordner chrome erstellen und in diesem dann eine Textdatei ( mit einem Editor ) in die du den Code kopierst, bzw. einträgst.

Dann schließt du die Datei und speicherst sie als userChrome.css ab.
Danach mußt du den Firefox neu starten.

PS:
Du musst dir dazu die versteckten Dateiendungen anzeigen lassen.

Um das einzustellen klickt man im Windows 10 Explorer (wenn man einen Ordner offen hat) erst oben links auf Ansicht..dann rechts oben auf

"Optionen" > "Ordner und Suchoptionen ändern" > "Ansicht"

und entfernt das Häkchen bei "Erweiterungen bei bekannten Dateitypen ausblenden"

Wo finde ich meinen Profilordner

Eine genaue Beschreibung dazu befindet sich auch unter diesem Link:

Anpassungen der Firefox-Oberfläche mittels userChrome.css

Zusätzlich muss in about:config der Eintrag:

toolkit.legacyUserProfileCustomizations.stylesheets

auf true stehen.

Burli1

thx Andreas

userchrome.css vollständiger Inhalt:

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

margin-left: -5px !important;

}

liegt in AppData\Roaming\Mozilla\Firefox\Profiles\5ttgxbp5.default-release\chrome\CSS , auch mit -15px kein Effekt.

Ich möchte, dass die Lesezeichen geringeren vertikalen Abstand haben...

2002Andreas

Zitat von 2002Andreas

Zusätzlich muss in about:config der Eintrag:
toolkit.legacyUserProfileCustomizations.stylesheets
auf true stehen.

Hast du das gemacht?

AngelOfDarkness

AppData\Roaming\Mozilla\Firefox\Profiles\5ttgxbp5.default-release\chrome\CSS

Dies ist verkehrt.

Der letzte Ordner /CSS muss weg. Die Datei userChrome.css muss im Ordner /chrome liegen.

Burli1

thx Andreas, thx Angel!

beides gemacht und jetzt sind die HORIZONTALEN Abstände in der Symbolleiste klein. Ist auch ganz gut....

Aber ich möchte die VERTIKALEN Abstände, wenn man auf Lesezeichen klickt, kleiner haben.

THX!

2002Andreas

Zitat von Burli1

die VERTIKALEN Abstände,

Teste bitte:

CSS

#PlacesToolbarItems menupopup > menuitem, #PlacesToolbarItems menupopup > menu {
    padding-block: .2em !important;
    padding-inline-start: 1em !important;
}

Burli1

thx. kein Unterschied

2002Andreas

Zitat von Burli1

kein Unterschied

Du meintest doch untereinander

Wobei ich den Wert in Zeile 2 mal auf 0 geändert habe.

Burli1

ja untereinander.

kein Unterschied. So schaut der Mist bei mir aus.....

Die vertikalen Abstände zw. den Lesezeichen sind bei mir viel grösser als bei dir...

2002Andreas

Zitat von Burli1

kein Unterschied.

Du hast dem Code kompl. kopiert und eingefügt?

Kein Zeichen übersehen?

Burli1

yep. So schauts aus:

#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;

}

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

Burli1

kein Effekt. So jetzt:

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

margin-left: -3px !important;

}

menupopup > menuitem, menupopup > menu {

padding-block: .0em;

padding-inline-start: 1em;

}

auch wenns SO ausschaut kein Effekt:

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;

}