add quill toolbar option "align"

docs/Komponentengalerie/quill-v2.md → docs/Komponentengalerie/quill-v2.mdx

@@ -50,6 +50,7 @@ Es sind folgende Optionen verfügbar:
 - `ol`
 - `code`
 - `image`
+- `align`
 
 ### Beispiel
 Nur die Buttons für Bilder und Code werden angezeigt

src/css/custom.scss

@@ -114,6 +114,7 @@ div.flex {
         flex-grow: 1;
         flex-shrink: 1;
         flex-basis: 10px;
+        max-width: 100%;
 
         &.noFlex {
             flex-grow: unset;

src/models/documents/QuillV2/helpers/toolbar.ts

@@ -12,6 +12,7 @@ export interface ToolbarOptions {
     // formula?: boolean;
     code?: boolean;
     image?: boolean;
+    align?: boolean;
 }
 
 /**
@@ -39,6 +40,9 @@ export type ToolbarModule = (
     | {
           list: string;
       }[]
+    | {
+          align: never[];
+      }[]
 )[];
 
 export const TOOLBAR_BASE: ToolbarModule = [['bold', 'italic', 'underline', 'code-block']];
@@ -100,6 +104,9 @@ export const getToolbar = (options: ToolbarOptions): ToolbarModule => {
         }
         toolbar.push(l);
     }
+    if (options.align) {
+        toolbar.push([{ align: [] }]);
+    }
     if (options.image) {
         // || options.formula
         const visuals = [];