Card-Menu-Trigger in card-title-row verschieben (rechtsbündig via margin-left: auto)

This commit is contained in:
Meleki committed 2026-03-01 11:37:16 +01:00
1 parent 8f12e8dc1a
commit 2efe12858a
2 files changed
+16 -16

No files matched your search

+13 -13
View File
@@ -29,6 +29,13 @@ registerPage('dashboard', {
<div class="card-title-row">
<span class="card-title">${esc(s.name || 'Unbenannt')}</span>
${agent ? `<span class="badge">${esc(agent.name)}</span>` : ''}
<div class="card-menu">
<button class="card-menu-trigger icon-btn"><i class="fa fa-ellipsis-v"></i></button>
<div class="card-menu-dropdown" hidden>
<button class="card-menu-item" data-action="chat">Chat öffnen</button>
<button class="card-menu-item" data-action="edit">Bearbeiten</button>
</div>
</div>
</div>
${s.description ? `<div class="card-desc">${esc(s.description)}</div>` : ''}
<div class="card-meta">
@@ -36,13 +43,6 @@ registerPage('dashboard', {
${workspaceLabel ? `<span class="card-meta-item card-workspace" title="${esc(workspaceLabel)}"><i class="fa fa-folder"></i> ${esc(workspaceLabel)}</span>` : ''}
</div>
</div>
<div class="card-menu">
<button class="card-menu-trigger icon-btn"><i class="fa fa-ellipsis-v"></i></button>
<div class="card-menu-dropdown" hidden>
<button class="card-menu-item" data-action="chat">Chat öffnen</button>
<button class="card-menu-item" data-action="edit">Bearbeiten</button>
</div>
</div>
`;
const menuTrigger = card.querySelector('.card-menu-trigger');
const menuDropdown = card.querySelector('.card-menu-dropdown');
@@ -122,16 +122,16 @@ registerPage('dashboard', {
<div class="card-title-row">
<span class="card-title">${esc(a.name)}</span>
<span class="badge">${esc(a.model)}</span>
<div class="card-menu">
<button class="card-menu-trigger icon-btn"><i class="fa fa-ellipsis-v"></i></button>
<div class="card-menu-dropdown" hidden>
<button class="card-menu-item" data-action="edit">Bearbeiten</button>
</div>
</div>
</div>
${a.description ? `<div class="card-desc">${esc(a.description)}</div>` : ''}
${a.persona ? `<div class="card-meta"><span class="card-meta-item card-persona"><i class="fa fa-user-secret"></i> ${esc(a.persona)}</span></div>` : ''}
</div>
<div class="card-menu">
<button class="card-menu-trigger icon-btn"><i class="fa fa-ellipsis-v"></i></button>
<div class="card-menu-dropdown" hidden>
<button class="card-menu-item" data-action="edit">Bearbeiten</button>
</div>
</div>
`;
const menuTrigger = card.querySelector('.card-menu-trigger');
const menuDropdown = card.querySelector('.card-menu-dropdown');