UI: Email-Dropdown im Header mit Org-Name und Lizenztyp

- Klick auf Email öffnet Dropdown mit Organisation und Lizenzinfo
- Org-Name und Lizenz-Badge nicht mehr direkt sichtbar im Header
- Dropdown schliesst bei Klick ausserhalb
- Barrierefreie ARIA-Attribute

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Dieser Commit ist enthalten in:
claude-dev
2026-03-05 19:00:31 +01:00
Ursprung 32f0281a96
Commit 46cbf94a49
3 geänderte Dateien mit 97 neuen und 37 gelöschten Zeilen

Datei anzeigen

@@ -30,11 +30,20 @@
<div class="header-right">
<button class="btn btn-secondary btn-small theme-toggle-btn" id="theme-toggle" onclick="ThemeManager.toggle()" title="Theme wechseln" aria-label="Theme wechseln">&#9788;</button>
<div class="header-user-info">
<div class="header-user-top">
<button class="header-user-btn" id="header-user-btn" aria-expanded="false" aria-haspopup="true">
<span class="header-user" id="header-user"></span>
<span class="header-license-badge" id="header-license-badge"></span>
<span class="header-user-chevron" aria-hidden="true">&#9662;</span>
</button>
<div class="header-user-dropdown" id="header-user-dropdown" role="menu">
<div class="header-dropdown-row">
<span class="header-dropdown-label">Organisation</span>
<span class="header-dropdown-value" id="header-org-name">-</span>
</div>
<div class="header-dropdown-row">
<span class="header-dropdown-label">Lizenz</span>
<span class="header-dropdown-value" id="header-license-info">-</span>
</div>
</div>
<span class="header-org-name" id="header-org-name"></span>
</div>
<div class="header-license-warning" id="header-license-warning"></div>
<button class="btn btn-secondary btn-small" id="logout-btn">Abmelden</button>