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

Aktive Elemente werden im Hauptmenü nicht hervorgehoben #1246

Closed
lukasniebler opened this issue Mar 9, 2023 · 6 comments
Closed

Aktive Elemente werden im Hauptmenü nicht hervorgehoben #1246

lukasniebler opened this issue Mar 9, 2023 · 6 comments

Comments

@lukasniebler
Copy link

Wenn sich ein Nutzer auf einer Unterseite befindet und er in der Desktop-Ansicht ins Hauptmenü schaut, sieht er nicht, dass er sich bereits auf einer Seite befindet.

Hier sieht man, dass die Seite "Leitbild" in keiner Weise im Hauptmenü hervorgehoben wird, obwohl sich der User bereits darauf befindet.

Bildschirm­foto 2023-03-09 um 16 19 27

@xwolfde
Copy link
Member

xwolfde commented Mar 9, 2023

Korrekt.
War auch vorher schon so.

Wäre aber gut, wenn man das tatsächlich macht. Die CSS-Klassen "current-menu-item" und "current_page_item" sind bereits im HTML gesetzt und könnten dafür genutz werden. "current-menu-item" ist hierarchisch auch bei den darüber liegenden Elementen gesetzt.
Für das Element der ersten Ebene wird man wohl mit :has() arbeiten können.

@xwolfde xwolfde added this to the Backlog milestone Mar 9, 2023
@xwolfde xwolfde modified the milestones: Backlog, Version 2.4 Mar 29, 2023
@xwolfde
Copy link
Member

xwolfde commented May 9, 2023

Auch der Hauptmenu-Button (erste Ebene) sollte, wenn man auf einer Unterseite ist, signalisieren, dass man "darin" ist. Auch dann, wenn man in dem Augenblick das Menü nicht durch Klick geöffnet hat.

@danielboese
Copy link
Collaborator

Um den Aktiv-Zustand zu zeigen würde ich vorschlagen, einfach die Akzentfarbe als Hintergrund zu verwenden,siehe Mockup. Ebenso bei den Level1-Menüpunkten.

mockup-megamenu-level2-aktiv

@xwolfde
Copy link
Member

xwolfde commented Jun 5, 2023

Das Problem ist dann aber, dass wir bei Natfak und Philfak eine Hintergrundfarbe haben, die zu hell ist um weiß zu nehmen. ALso müsste man dort schwarz nehmen. Und dann passt es nicht mehr so schön.
Wie wäre es stattdessen mit dem Unterstrich oder Border-left mit der Akzentfarbe?

@danielboese
Copy link
Collaborator

Also bei der Philfak ist die Schrift doch aktuell auch Schwarz auf Akzentfarbe. Bei der Natfak aktuell nur bei den Level1-Menüpunkten. Die Schrift sollte hier vielleicht auch einfach Schwarz auf Akzentfarbe bleiben, wenn man auf Level2 hovert.

Es würde quasi einfach überall der aktuelle Hover-Zustand der Menüpunkte auch für den Aktiv-Zustand benutzt.

Unterstrich würde ich eher gern vermeiden wollen, da es mehr wie ein Link wirkt, als ein Aktiv-Zustand. Border-Left mit Akzentfarbe passt stilistisch eher zu der Side-Nav, und hätte, denke ich, auch weniger Gewicht als der volle Akzentfarbe-Hintergrund.

@xwolfde
Copy link
Member

xwolfde commented Jun 6, 2023

ok, überzeugt

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants