rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Badges: Chat-Punkt am Avatar, Notif-Punkt am Burger, Aktuelles aus Sidebar, SW by-v327

Browse source
This commit is contained in:
rene 2026-04-24 08:33:32 +02:00
parent 546551a8db
commit 0a3ad2207e
3 changed files with 22 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

20
backend/static/index.html
View file

@ -145,10 +145,7 @@
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#chat-circle-dots"></use></svg> Nachrichten
<span class="sidebar-item-badge" id="chat-badge" style="display:none">0</span>
</div>
<div class="sidebar-item" data-page="notifications">
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#bell"></use></svg> Aktuelles
<span class="sidebar-item-badge" id="notif-badge" style="display:none">0</span>
</div>
<span class="sidebar-section-label">Community</span>
<div class="sidebar-item" data-page="poison">
@ -228,13 +225,18 @@
style="width:18px;height:18px;color:var(--c-text-muted)">
<use href="/icons/phosphor.svg#user"></use>
</svg>
<span id="notif-nav-badge" class="hidden"
style="position:absolute;top:-3px;right:-3px;min-width:16px;height:16px;
border-radius:8px;background:var(--c-danger);color:#fff;font-size:10px;
font-weight:700;line-height:16px;text-align:center;padding:0 3px;
<span id="chat-nav-badge" class="hidden"
style="position:absolute;top:-3px;right:-3px;width:10px;height:10px;
border-radius:50%;background:var(--c-danger);
pointer-events:none;z-index:1"></span>
</button>
<button class="header-menu-btn" id="header-menu-btn" aria-label="Menü" style="position:relative">
<svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#list"></use></svg>
<span id="notif-nav-badge" class="hidden"
style="position:absolute;top:4px;right:4px;width:10px;height:10px;
border-radius:50%;background:var(--c-danger);
pointer-events:none;z-index:1"></span>
</button>
<button class="header-menu-btn" id="header-menu-btn" aria-label="Menü"><svg class="ph-icon" aria-hidden="true"><use href="/icons/phosphor.svg#list"></use></svg></button>
</header>
<!-- HAUPT-INHALTSBEREICH -->