fix: Editor Scrollbereich hinzugefügt, damit Toolbar immer sichtbar bleibt
All checks were successful
Docker Build & Push / build-and-push (push) Successful in 8s

This commit is contained in:
AI Bot
2026-06-24 04:53:14 +00:00
parent 6055f82316
commit 88cf1e6102
3 changed files with 23 additions and 11 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. Das Layout der Metainformationen sowie der Buttons wurde weiter optimiert. Die Notizen werden in der Liste alphabetisch sortiert. Der Editor wurde aktualisiert: Er besitzt nun eine mitscrollende (sticky) Formatierungsleiste und unterstützt das Einfügen und Bearbeiten von einfachen Tabellen.
* **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. Die Notizen werden in der Liste alphabetisch sortiert. Der Editor wurde aktualisiert: Er besitzt nun eine feste Höhe mit internem Scrollbereich, sodass die Formatierungsleiste immer sichtbar bleibt. Zudem wurde eine Tabellen-Funktion hinzugefügt.

View File

@@ -42,15 +42,21 @@ require_once 'header.php';
<link href="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.snow.css" rel="stylesheet">
<style>
#editor-container {
height: 60vh;
background-color: white;
}
.ql-editor {
min-height: 300px;
font-size: 1rem;
}
.ql-toolbar.ql-snow {
position: sticky;
top: 0;
z-index: 100;
background-color: white;
background-color: #f8f9fa;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.ql-container.ql-snow {
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
</style>

View File

@@ -89,15 +89,21 @@ require_once 'header.php';
<link href="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.snow.css" rel="stylesheet">
<style>
#editor-container {
height: 60vh;
background-color: white;
}
.ql-editor {
min-height: 300px;
font-size: 1rem;
}
.ql-toolbar.ql-snow {
position: sticky;
top: 0;
z-index: 100;
background-color: white;
background-color: #f8f9fa;
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
}
.ql-container.ql-snow {
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
</style>