style: Notizen Layout-Tweaks & Button Fixes
All checks were successful
Docker Build & Push / build-and-push (push) Successful in 8s

This commit is contained in:
AI Bot
2026-06-19 20:13:04 +00:00
parent 4ebc18600b
commit d6c9e50f5b
4 changed files with 14 additions and 12 deletions

View File

@@ -233,4 +233,4 @@ Das Projekt basiert auf bewährten Web-Standards:
* **Features:**
* **Notizen:** Neue Funktion "Notizen" hinzugefügt inkl. Rich-Text-Editor.
* **Haushaltsfreigabe:** Notizen können mit dem Haushalt geteilt werden.
* **Design-Update:** Die Notizen-Übersichtsseite wurde an das Design der ToDo-Listen angepasst (Split-View, List-Groups, weiße Notizhintergründe). Der Texteditor bietet nun deutsche Tooltips. Beim Speichern einer Notiz wird nun besser zurück in die Übersicht navigiert.
* **Design-Update:** Die Notizen-Übersichtsseite wurde an das Design der ToDo-Listen angepasst (Split-View, List-Groups, weiße Notizhintergründe). Der Texteditor bietet nun deutsche Tooltips. Beim Speichern einer Notiz wird nun besser zurück in die Übersicht navigiert. Das Layout der Metainformationen sowie der Buttons wurde weiter optimiert.

View File

@@ -53,7 +53,7 @@ require_once 'header.php';
<div class="col-lg-10">
<div class="d-flex justify-content-between align-items-center mb-4">
<h2 class="mb-0"><i class="fas fa-plus-circle text-primary me-2"></i>Neue Notiz erstellen</h2>
<a href="notes.php" class="btn btn-outline-secondary"><i class="fas fa-arrow-left me-2"></i>Zurück zur Übersicht</a>
<a href="notes.php" class="btn btn-secondary"><i class="fas fa-arrow-left me-2"></i>Zurück zur Übersicht</a>
</div>
<?php if ($error): ?>

View File

@@ -100,7 +100,7 @@ require_once 'header.php';
<div class="col-lg-10">
<div class="d-flex justify-content-between align-items-center mb-4">
<h2 class="mb-0"><i class="fas fa-edit text-primary me-2"></i>Notiz bearbeiten</h2>
<a href="notes.php" class="btn btn-outline-secondary"><i class="fas fa-arrow-left me-2"></i>Zurück zur Übersicht</a>
<a href="notes.php" class="btn btn-secondary"><i class="fas fa-arrow-left me-2"></i>Zurück zur Übersicht</a>
</div>
<?php if ($error): ?>
@@ -112,7 +112,6 @@ require_once 'header.php';
<div>
<i class="fas fa-check-circle me-2"></i><?php echo htmlspecialchars($success); ?>
</div>
<a href="notes.php?id=<?php echo $note['id']; ?>" class="btn btn-sm btn-success">Zurück zur Übersicht</a>
</div>
<?php endif; ?>

View File

@@ -82,11 +82,14 @@ if ($active_note_id) {
<i class="fas fa-user fa-xs me-1"></i><?php echo htmlspecialchars($note['owner_name']); ?>
<?php endif; ?>
<?php if ($note['is_shared']): ?>
<i class="fas fa-share-alt fa-xs ms-1" title="Geteilt"></i>
<span class="badge <?php echo $is_active ? 'bg-light text-success' : 'bg-success'; ?> ms-1" title="Geteilt"><i class="fas fa-share-alt fa-xs me-1"></i>Geteilt</span>
<?php endif; ?>
</div>
</div>
<div onclick="event.stopPropagation();">
<div onclick="event.stopPropagation();" class="text-nowrap">
<a href="edit_note.php?id=<?php echo $note['id']; ?>" class="btn btn-sm btn-link <?php echo $is_active ? 'text-white' : 'text-primary'; ?> p-0" title="Bearbeiten">
<i class="fas fa-edit"></i>
</a>
<?php if ($note['user_id'] == $current_user_id): ?>
<button type="button" class="btn btn-sm btn-link <?php echo $is_active ? 'text-white' : 'text-danger'; ?> p-0 ms-2" onclick="confirmDelete(<?php echo $note['id']; ?>, event)" title="Löschen">
<i class="fas fa-trash"></i>
@@ -118,17 +121,17 @@ if ($active_note_id) {
</div>
</div>
<div class="card-body p-4">
<div class="text-end text-muted small mb-4 border-bottom pb-2">
<div>Zuletzt geändert: <?php echo date('d.m.Y H:i', strtotime($active_note['updated_at'])); ?></div>
<?php if ($active_note['is_shared']): ?>
<div><i class="fas fa-share-alt text-success me-1"></i>Mit Haushalt geteilt</div>
<?php endif; ?>
</div>
<div class="ql-snow">
<div class="ql-editor render-only">
<?php echo $active_note['content']; ?>
</div>
</div>
<div class="text-end text-muted small mt-4 border-top pt-3">
<div>Zuletzt geändert: <?php echo date('d.m.Y H:i', strtotime($active_note['updated_at'])); ?></div>
<?php if ($active_note['is_shared']): ?>
<div><i class="fas fa-share-alt text-success me-1"></i>Mit Haushalt geteilt</div>
<?php endif; ?>
</div>
</div>
</div>
<?php else: ?>