Lesezeichenleiste Padding reduzieren

  • Hi

    Ich würd gern das Padding der Lesezeichenleiste reduzieren. Für die Toolbar gibt's da ja folgendes:

    CSS
    /* Leerraum um Symbole in Symbolleisten verringern */
    .toolbarbutton-1, .toolbarbutton-menubutton-button {
       padding: 0px 0px !important;
    }
    .toolbarbutton-1[checked="true"], .toolbarbutton-1[open="true"],
    .toolbarbutton-menubutton-button[checked="true"],
    .toolbarbutton-menubutton-button[open="true"] {
       padding: 0px 0px 0px 0px !important;
    }


    Das funktioniert auch Prima in der Toolbar. Ich kann allerdings nirgends im Web den Wert für die Lesezeichenleiste finden. ".bookmarkbutton-1" ist es jedenfalls schonmal nicht :?

  • Hallo,

    denke die sollten es sein.

    #bookmarks-ptf {
    margin: 0 !important;
    padding: 0 !important;
    }

    #bookmarks-ptf toolbarbutton {
    margin: 1px 0 !important;
    padding: 2px 5px 2px 6px !important;
    }

    #bookmarks-ptf toolbarbutton:hover:active,
    #bookmarks-ptf toolbarbutton[buttondown="true"],
    #bookmarks-ptf toolbarbutton[open="true"] {
    padding: 2px 4px 0 5px !important;
    }

    #bookmarks-ptf .toolbarbutton-icon,
    #bookmarks-ptf .toolbarbutton-text {
    margin: 0 !important;
    padding: 0 0 1px 0 !important;
    }

    #bookmarks-ptf .toolbarbutton-icon {
    display: none !important;
    }

    Meine aktuell benutzte Konfiguration !
    Nicht der Wind bestimmt die Richtung, sondern das Segel ! (Lao Xiang, China)
    Wandel und Wechsel liebt, wer lebt ! (Richard Wagner, Bayreuth)
    Seit wann sind wir dem Wähler - und nicht nur Gott - Rechenschaft schuldig ?! (CSU, München)

  • Danke! Nach ein bißchen mit den Werten spielen (alles auf 0 :D) hab ich's nun so wie ich's wollte. Weißt du auch wie ich die höhe der Favbar reduzieren kann? :oops: Die hat Momentan 24px Höhe glaub ich, sieht nich so schön aus

  • Hm.
    Meiner Meinung nach macht der Code oben eventuell Sachen, die gar nicht nötig und vielleicht sogar unerwünscht sind.

    Padding (=Innenabstand) reduzieren ist gefährlich, da könnten bei einigen Themes Rahmen und Hintergründe verschoben werden.

    Margin (= Außenabstand) ist da meiner Erfahrung nach unkritischer.
    Ich empfehle daher folgendes:

    CSS
    toolbarbutton.bookmark-item {
    margin-left: -3px !important;
    margin-right: -3px !important;
    }

    Zaheln ggf. variieren.

    Zur Höhe der Lesezeichensymbolleiste:
    Sollte sich mit

    CSS
    #PersonalToolbar {max-height: 20px !important;}


    quetschen lassen.

    Zum Selberrausfinden nehme man im übrigen den DOM Inspector.

    Gruß,
    Bazon

  • Das funktioniert leider nicht richtig. Die Höhe bleibt leider gleich, und Margin alleine klappt nicht richtig, weil dann das Padding zu hoch ist - Dann überschneidet sich beim Hover die Auswahl mit den umliegenden Objekten.

    liracon's Code passt da schon ziemlich, hab da auch ausgemustert was unnötig war (bestimmt 20 browser-restarts gehabt :D)

    Aber danke für den Link, das Tut zieh ich mir gleich mal durch :idea: