Fix: Forum-Buttons Icon-only, Layout-Fix (Edit+Delete rechtsbündig)

- Neue .forum-icon-btn CSS-Klasse: 32×32px, transparent, hover-Feedback
- Post-Aktionen: Like links, Melden/Bearbeiten/Löschen rechtsbündig gruppiert
- Thread-Footer: Löschen+Bearbeiten als Icon-Buttons, Schließen/Antworten als Text
- .forum-icon-btn--danger für rote Löschen-Buttons
This commit is contained in:
rene 2026-04-19 10:39:48 +02:00
parent 7a25ccae90
commit 062c0209e6
4 changed files with 35 additions and 10 deletions

View file

@ -3670,6 +3670,28 @@ html.modal-open {
}
.forum-report-btn:hover { opacity: 1; }
/* Icon-only Action-Button (Bearbeiten, Löschen, Melden) */
.forum-icon-btn {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
padding: 0;
border: none;
border-radius: var(--radius-md);
background: transparent;
color: var(--c-text-muted);
cursor: pointer;
opacity: 0.65;
transition: opacity 0.15s, background 0.15s;
flex-shrink: 0;
}
.forum-icon-btn:hover { opacity: 1; background: var(--c-surface-2); }
.forum-icon-btn:active { background: var(--c-border); }
.forum-icon-btn--danger { color: var(--c-danger); }
.forum-icon-btn--danger:hover { background: rgba(239,68,68,0.08); }
/* Posts section */
.forum-posts-section { display: flex; flex-direction: column; gap: var(--space-1); }
.forum-posts-divider {