local-it/mitgliederverwaltung
2
3
Fork 0
Code Issues 72 Pull requests 3 Projects 4 Releases Packages 1 Activity Actions

feat: improve sidebar handling
Some checks failed
continuous-integration/drone/push Build is failing
Details

Browse source
This commit is contained in:
Simon 2026-01-06 10:29:20 +01:00
parent 16ca4efc03
commit aba8737c38
Signed by: simon
GPG key ID: 40E7A58C4AA1EDB2
6 changed files with 93 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

12
lib/mv_web/components/layouts/sidebar.ex
View file

@ -143,7 +143,7 @@ defmodule MvWeb.Layouts.Sidebar do
<button
type="button"
tabindex="0"
class="flex items-center justify-center w-full p-2 rounded-lg hover:bg-base-300 tooltip tooltip-right focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2"
class="flex items-center w-full p-2 rounded-lg hover:bg-base-300 tooltip tooltip-right focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2"
data-tip={@label}
aria-haspopup="menu"
aria-label={@label}
@ -251,18 +251,18 @@ defmodule MvWeb.Layouts.Sidebar do
assigns = assign(assigns, :user_id, user_id)
~H"""
<div class="dropdown dropdown-top dropdown-right w-full">
<div class="dropdown dropdown-top dropdown-end w-full">
<button
type="button"
tabindex="0"
class="btn btn-ghost w-full justify-start gap-3 px-4 h-12 min-h-12 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2"
class="user-menu-button flex items-center w-full justify-start gap-3 px-4 h-12 min-h-12 rounded-lg cursor-pointer focus:outline-none"
aria-label={gettext("User menu")}
aria-haspopup="menu"
>
<!-- Avatar: Zentriert, erste Buchstabe -->
<!-- Avatar: Placeholder with first letter -->
<div class="avatar placeholder shrink-0">
<div class="w-8 h-8 rounded-full bg-neutral text-neutral-content flex items-center justify-center">
<span class="text-sm font-semibold leading-none flex items-center justify-center" style="margin-top: 1px;">
<div class="w-8 h-8 rounded-full bg-neutral text-neutral-content">
<span class="text-sm font-semibold">
{@first_letter}
</span>
</div>