Pfeil neben Icon von Classic BookmarksButton entfernen

    Hallo,

    könnt Ihr mir sagen, wie ich den kleinen Pfeil neben dem Icon von Classic Bookmarks Menu entfernen kann?

    Ich meine das Icon, mit dem man die Lesezeichen öffnet.

    Grüße

    Petrik75

    Gern geschehen :D

    Du könntest auch noch diesen Code nutzen:

    CSS
    #classic_bm_button23-toolbar-button > image{
padding-right:6px!important;}

    Wert evtl. anpassen für dich.

    Dann sitzt das Icon bei hover genau mittig.

    [attachment=0]Zwischenablage01.png[/attachment]

    Und sollte dich der Tooltip bei hover stören:

    CSS
    /* AGENT_SHEET */


@-moz-document 
url-prefix("chrome://browser/content/browser.xul"){


tooltip[label="Display your bookmarks"]{
display:none!important;}}

    Ich hab da nochmals eine wohl etwas kompliziertere Frage zu dem Icon von Classic Bookmarks Button.

    Zunächst einmal der Hinweis, dass ich Firefox auf einem Macbook Pro mit Retina-Auflösung (2560 x 1600 px) installiert habe.

    Die Erweiterung Classic Bookmarks Button habe ich geöffnet um das Icon gegen ein eigenes Stern-Icon auszutauschen. Ich hätte es im Prinzip gern so, dass ich genau das Stern-Icon aus dem Firefox-Standardtheme, dass normalerweise die Lesezeichen-Seitenleiste öffnet, für Classic Bookmarks Button verwenden kann.

    Classic Bookmarks Button verwendet normalerweise ein Icon, dass die Größe 16 x 16 px hat. Um nun das Stern-Icon aus dem Originaltheme verwenden zu können habe ich einfach einen Screenshot gemacht und aus dem Screenshot das original Icon das die Seitenleiste öffnet ausgeschnitten.

    Jetzt kommt aber das, was ich nicht verstehe:

    Wenn ich das original Stern-Icon aus dem Screenshot ausschneide so hat es nach dem ausschneiden eine Größe von 32 x 32 px. Wenn ich das Icon dann auf 16 x 16 px verkleinere wird es natürlich ziemlich unscharf. Wenn ich aber wiederum einfach das 32 x 32 große Icon in Classic Bookmarks Button einfüge so wird es in der Symbolleiste viel zu groß dargestellt.

    Ich füge nachfolgend zum Verständnis mal einen Screenshot ein. Das rechte grün umrahmte Icon ist das original Icon aus dem Standardtheme das die Lesezeichen in der Seitenleiste öffnet. Dieses Icon wird auf dem Screenshot wie ein 16 x 16 px großes Icon dargestellt obwohl es nach dem Ausschneiden wie gesagt tatsächlich 32 x 32 px hat. Bei dem rot umrahmten Icon handelt es sich um das auf 16 x 16 px verkleinerte Icon von Classic Bookmarks Button. Insbesondere wenn man den Screenshot vergrößert kann man gut die unterschiedliche Schärfe der Icons gut erkennen:

    [Blockierte Grafik: http://abload.de/thumb/bildschirmfoto2015-014mrhh.png]

    Wie bekomme ich es hin, dass mir das Icon von Classic Bookmarks Button genauso scharf dargestellt wird wie das original Icon?

    Muss da irgendein Code zur Skalierung in der Erweiterung eingefügt werden?

    Grüße

    Petrik75

    Bitte auch wieder testen:

    [attachment=0]Zwischenablage03.png[/attachment]

    zunächst einmal vielen Dank für die Mühe.

    Leider passt es mit dem Code nicht, dass Icon bleibt genauso unscharf wie das 16x16 px Icon das ich verwendet hatte.

    Davon abgesehen passt die Hintergrundfarbe des Icons auch nicht, die ist jetzt mit dem Code nämlich hellblau.

    Nach ein wenig Bastelei habe ich es nun hin bekommen.

    Wie gesagt hat das verwendete Icon eine Größe von 32x32 px. Dieses Icon habe ich unter der Bezeichnung icon-neu.png
    im Chrome-Ordner meines FF-Profils abgelegt.

    Mit folgendem Code funktioniert es dann und das Icon sieht nicht mehr verwaschen aus:

    CSS
    #classic_bm_button23-toolbar-button> .toolbarbutton-icon{
list-style-image: url(icon-neu.png) !important;
height: 16px; 
width: 16px;
}