JavaScript Es geht um die Größeneinstellungen eines Buttons

  • Firefox-Version
    132.0.1
    Betriebssystem
    Windows 10 Version 22H2 (Build 19044.5011)

    Es geht um folgenden Abschnitt eines JavaScriptes:

    Dort wird ein neuer Button generiert, der, in diesem Fall in der Menüleiste erscheinen soll.
    Tut er auch, nur es scheint, dass Firefox eine Unterschreitung bestimmter Größenangaben nicht zulässt!

    Und zwar möchte ich einen "kleinen" Button, entsprechend der Grafik, die darüber gelegt wird.
    Das klappt aber irgendwie nicht!

    Das Schwarze ist der Button!

    Es spielt absolut keine Rolle, wie klein ich den Wert ExternalAppBtn.style.width = "16px"; auch wähle,
    die Breite scheint fix zu sein.

    Hat irgendjemand eine Idee, wie man das mit dem Button anders realisieren kann?

    Das komplette Skript hänge ich mal als ZIP hier drann, ist recht "groß".

    Appmenu_neu2.uc.zip

    Ich habe die Grafik vergessen!

    Mit <3lichem Gruß

    Mira

    Einmal editiert, zuletzt von Mira_Belle (7. November 2024 um 12:42)

  • Mira_Belle 6. November 2024 um 22:46

    Hat den Titel des Themas von „JavaScript Es geht um die Gröreneinstellungen eines Buttons“ zu „JavaScript Es geht um die Größeneinstellungen eines Buttons“ geändert.
  • Ich hab mal spasseshalber das Script so umgebaut, daß der Button am Mac in der Tabbar auftaucht, Menüleiste geht hier nicht.

    Frage dazu, hast du das Script in einem Testprofil ohne anderen Code getestet?
    Sollte optisch eigentlich passen, aber funktionell nicht ganz (zu schmal).

    Du könntest mal probieren, über CSS das Button Padding raus zu nehmen, und den Hintergrund zu ändern:

    CSS
    #AppMenuButton {
        padding: 0 !important;
        background-color: transparent !important;
    }

    Aber so ganz kapier ich den Code nicht; das Icon sollte eigentlich im Button bleiben, und der HG transparent sein.:/

  • Horstmann Ganz ohne CSS und ohne JS!
    Nur das Skript. Button und Grafik passen nicht über ein.

    CSS
    :root[lwtheme] {
      & toolbar[brighttext] {
        color-scheme: light;
      }
    }

    Damit bekomme ich zwar den schwarzen Button weg,
    aber so bald der Mauszeiger über dem Button "schwebt" entsteht ein anders farbiger Button!

    Aber ich kann mit

    CSS
    #AppMenuButton {
      margin: -1px -5px 0 -11px !important;
    }

    den Button etwas in die Ecke quetschen.
    Ist ja schon mal was. ;)

    Mit <3lichem Gruß

    Mira

  • Nachtrag!

    Das ist ja ganz besonders interessant!
    Die Farbe und das Aussehen des Buttons beim "Hovern" kamen mir doch irgendwie bekannt vor.
    Ich bastele z.Z. an einem Windowstheme!
    Und siehe da, der Button wird von dem Theme beeinflusst:!:

    Und zwar nicht nur das Aussehen, sondern auch die genaue Position!

    Mit <3lichem Gruß

    Mira