fix: Editor Scrollbereich hinzugefügt, damit Toolbar immer sichtbar bleibt
All checks were successful
Docker Build & Push / build-and-push (push) Successful in 8s
All checks were successful
Docker Build & Push / build-and-push (push) Successful in 8s
This commit is contained in:
@@ -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.
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
@@ -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>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user