Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[bug]: Navigation Menü verdeckt ersten Tab einer Tableiste #498

Open
1 task done
Bernd9000 opened this issue Dec 3, 2024 · 1 comment
Open
1 task done

[bug]: Navigation Menü verdeckt ersten Tab einer Tableiste #498

Bernd9000 opened this issue Dec 3, 2024 · 1 comment
Labels
bug 🐞 Something isn't working

Comments

@Bernd9000
Copy link

No existing issues.

  • There is no existing issue for my problem.

Describe the bug

Ab v.2.11.1
Gegeben ist eine Navigations Menüleiste (vertikal) mit einer oben liegenden Tab Leiste (Registerkarte).
In der Navigation habe ich unter "Attribute/Navigation/Kopfzeilentext des Menüs" das Wort "Haussteuerung" eingetragen.
Das erste Tab ist dann mit einem Mausklick nur schwer auszuwählen, da der anklickbare Bereich sehr klein ist.
Ich hab das mal hier im Bild ungefähr dargestellt.
Grüner Bereich = normaler anklickbarer Bereich ab zweiten Tab
Roter Bereich = schmaler anklickbarer Bereich beim ersten Tab
Der rote Bereich scheint abhängig zu sein vom Kopfzeilentext der Navigation

To Reproduce

Navigation (vertikal) mit langem Kopfzeilentext erstellen.
Mehrere Tabs Registerkarten erstellen.
Erstes Tab versuchen mit Maus auszuwählen

Expected behavior

Bereich erster Tab sollte besser auswählbar sein

Screenshots & Logfiles

Unbenannt

Page or affected widget

No response

Adapter version

2.11.1

js-controller version

7.0.3

Node version

20.18.0

Operating system

Windows 11

Additional context

No response

@Bernd9000 Bernd9000 added the bug 🐞 Something isn't working label Dec 3, 2024
@Bernd9000
Copy link
Author

Okay, eine Lösung wäre die Tab Leiste zu zentrieren unter Attribute/Allgemein/Variante
Oder mit folgendem css Code die Tab Leiste etwas nach rechts verschieben:

.MuiTabs-flexContainer {
margin-left: 100px;
}

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐞 Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant