Kontextmenü in Eingabefeldern

  • Über Firefox Fenster: Man könnte es auch noch etwas übertreiben :wink:

    [Blockierte Grafik: http://img825.imageshack.us/img825/9682/bild001l.png]

    Code:


    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Meinst Du nur die Symbole. oder den ganzen „Button“?

    padding-left
    padding-right

    dort mal die Werte verändern und bei
    background-position:10px 1px!important;

    auch mal verändern.

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Nein, ich meinte schon die Größe der Icons selbst. Denn je größer die Icons sind desto größer muss auch die umgebende Box sein. Ich wollte die drei neuen genau so hoch haben wie die drei an der unteren Kante. Mit padding oder der Veränderung der background-position kann ich das Problem aber nicht lösen. Oder hab ich was falsch verstanden? (Hatte nur in der Mittagspause schnell gebastelt). Auf meinen screenshot sieht man dass die oberen drei Buttons größer sind als die unteren, vor allem der mit dem Fuchs braucht viel Platz.


    Einmal editiert, zuletzt von Artist (13. März 2013 um 13:54)

  • Dann muss bei mir noch etwa anderes dazwischen funken, denn bei den drei unteren hab ich auch Schriftgrösse 14px stehen. Ich probier das später noch mal in Ruhe aus. Der neue Code war nur zu verlockend :D .


  • Hallo Andreas.
    Ich arbeite gerade an einer Version mit kleineren Symbolen.
    Wie kann man den Text im „Button“ nach oben verschieben.
    Habe es mit padding-bottom versucht, aber nicht passiert.
    Damit wird nur der „Button“ wieder höher was ja nicht sein soll.

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

    Einmal editiert, zuletzt von Endor (13. März 2013 um 14:20)

  • andreas
    alles klar.
    Vielen Dank.

    Artist
    Füge diese Zeile dazu ein:

    CSS
    height:20px!important;

    Bei hover brauchst Du diese Zeile nicht einfügen.
    Damit werden die Buttons niedriger.

    Also so:

    Mfg.
    Endor

    Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:132.0) Gecko/20100101 Firefox/132.0
    OS: Windows 10 pro 64 bit und Windows 10 Home 64 bit
    Meine Scripte Sammlung: https://github.com/Endor8/userChrome.js
    Kein Support per PN. Fragen bitte im Forum stellen!

  • Zitat von Artist

    der mit dem Fuchs braucht viel Platz.


    Und wenn du es mit diesen Werten versuchst!?

    evtl. auch bei margin-right ein - vor den Wert.

    müsste dann bei hover auch angepasst werden.

  • Kompl. Code mit den Werten

    [Blockierte Grafik: http://www10.pic-upload.de/thumb/13.03.13/cf8je3613z19.jpg]

  • andreas: ich habe deinen Code genommen und das Ergebnis sieht genau so wollte ich es. Naja, fast ... mich stört noch dass die unteren drei Buttons so an der Fensterkante kleben. Mal gucken ob ich das noch ändern kann. Ich würde aber gern verstehen wie du das jetzt gemacht hast (für künftige Schraubereien). Ausserdem hatte ich in meinem Code mit den Schatten gespielt und hätte diese Änderungen gern behalten.
    Deshalb die Bitte: Würdest du dir meinen Code mal anschauen und mir sagen was ich ändern müsste wenn ich nicht deinen Code genommen hätte um dein Ergebnis zu erzielen? Die als Test auf 20px (contribute) geänderte Schriftgrösse ist im hochgeladenen Code noch drin, bei mir aber schon wieder geändert.


    Und zum bessern Verständnis für mich: Grundsätzlich wüsste ich gern wodurch die Höhe des Buttons definiert wird. Ich habe jetzt einfach mal als Test Schriftgrösse 20 px eingegeben, das veränderte die Höhe des Buttons. Ist die Schriftgröße das einzige Kriterium für die Buttonhöhe?


  • Zitat von Artist

    die Höhe des Buttons definiert wird.


    In diesem Fall sind es ja keine Buttons, sondern normaler Text/Link. Nur durch den Hintergrund und dem Icon sieht es nur aus wie ein Button.

    Zitat von Artist

    wie du das jetzt gemacht hast


    Ich habe nur die Werte für margin und padding verändert bis es gepasst hat. Klar das man dann auch an den anderen Werten etwas rumspielen muss. Aber diese beiden Werte waren die Grundlage dafür.

    Zitat von Artist

    dir meinen Code mal anschauen


    Mache ich, klar :wink: