Neuer ioBroker-Blog online: Monatsrückblick März/April 2026

[strippe]

Hallo,
probiere begeistert aus.
Folgende Bild zeigt die Menüs mit großer Schrifft mit abgeschnittenem unteren Teil.

Wie kann ich es anstellen, dass alle Buchstaben ganz angezeigt werden

Vielen Dank für Eure Hilfe
Bernd

[Glasfaser]

@strippe

https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget/261

[strippe]

@glasfaser said in Top App Bar Text im Menü ab´geschnitten:

@strippe

https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget/261

Vielen Dank,

da wir aber nur die Stellmöglichkeit für Farbe, Schriftart und Schriftgröße erwähnt.
Das hatte ich ja auch schon gefunden und die Schrift sehr groß eingestellt. Leider wird die Schrifft dann aber nicht mehr komplett angezeigt.
Ich benötige leider sehr große Schrift in dem Menü.....

[Glasfaser]

@strippe sagte in Top App Bar Text im Menü ab´geschnitten:

Ich benötige leider sehr große Schrift in dem Menü.....

Ahh , das ist was anderes ..

https://forum.iobroker.net/topic/29660/material-design-widgets-top-app-bar-widget/227

[strippe]

@glasfaser
Noch mal Danke,
das war es aber leider auch nicht. In Deinem Link geht es um die Breite der Menüfelder nicht die Höhe.
Ich kann zwar über die Symbolhöhe die Felder vergrößern (auch richtig groß) - das ändert aber nichts an der abgeschnittenen Schrift.

[strippe]

Hier noch einmal ein deutlicheres Bild, worum es geht.

[Glasfaser]

@strippe sagte in Top App Bar Text im Menü ab´geschnitten:

Hier noch einmal ein deutlicheres Bild, worum es geht.

Mit dem Handy sieht man nicht viel ,

aber jetzt ...

Welche Schriftgröße / Schriftart wird denn genutzt !?

[strippe]

@glasfaser
Die Schriften bzw. Schriftgrößen aus den Einstellungen "Top App bar"

Bei Header scheint die Anpassung zu funktionieren auch bei Größe 11. Nicht aber in den Navileisten.

[Glasfaser]

@strippe

So groß kenne ich nicht , aber eventuell geht es hiermit ,

Habe es mal so getestet .:

In das Projekt CSS den Code rein und bei height kannst du die Texthöhe nach oben / unten stellen , so das der Text wieder lesbar wird
und bei Höhe des Symbols wird das Element auch größer ,,

.

.materialdesign-widget .mdc-drawer__content .mdc-list-item__text {
    
    height: 34px;
}

[strippe]

@glasfaser
Vielen Dank, es tut sich was
Ich habe die Werte mal recht groß geählt. Das "p" wird nicht mehr nach unten abgeschnitten. Aber noch nach oben.
Irgend eine Idee, welcher Parameter das beeinflusst?

Gruß
Bernd

[Glasfaser]

@strippe

Welche Schritgröße ist das , das kann ich immer noch nicht erkennen .
Also eigentlich ist es jetzt mit 94 zu hoch gestellt , was ist mit weiter runter !?

Du kannst auch hier die Textgröße angeben .

[strippe]

@glasfaser

Leider fehlt jedes mal etwas von der Schrift.
Egal welche Kombi ich eingebe......

[Glasfaser]

@strippe

Kannst du mir die Schriftgröße und Schriftart nennen .... so bin ich nur am raten !?

[strippe]

@glasfaser
Schriftart: RobotoCondensed-Regular
Schriftgröße: 60

Gruß

[Glasfaser]

@strippe

Das sprengt gerade mein Laptop .

So !?

.materialdesign-widget .mdc-drawer__content .mdc-list-item__text {
    
    height: 84px;
    line-height: 84px;
}

[strippe]

@glasfaser
Sehr cool,

Vielen Dank… das war es!!!!👍

[Glasfaser]

@strippe sagte in Top App Bar Text im Menü ab´geschnitten:

@glasfaser
Sehr cool,

Vielen Dank… das war es!!!!👍

Puhhh ... ....

Schön das es jetzt dem entspricht , was du wolltest .