feature: WYSIWYG editor for circle and project description

src/styles/base/form.scss

@@ -101,11 +101,50 @@ solid-form {
   }
 }
 
+.input-text-like .ql-editor {
+  min-height: 8em;
+}
+
+.input-text-like .ql-container {
+  background-color: var(--color-input-background);
+  color: var(--color-input-text);
+}
+
+.input-text-like .ql-toolbar {
+  margin-top: 0.8rem;
+}
+
+.input-text-like .ql-snow.ql-toolbar {
+
+  button, .ql-picker-label, .ql-picker-item {
+
+    &:hover, &:focus, &.ql-active, &.ql-selected {
+      color: var(--color-complementary);
+
+      .ql-stroke, .ql-stroke-miter {
+        stroke: var(--color-complementary);
+      }
+
+      .ql-fill {
+        fill: var(--color-complementary);
+      }
+    }
+  }
+}
+
 textarea {
   height: 100px;
   resize: vertical;
 }
 
+[contenteditable="true"] {
+  font-family: inherit;
+  font-size: 100%;
+  text-transform: initial;
+  font-weight: normal;
+  padding: 0;
+}
+
 /* WIDGETS SIB  (let in .content-box to override default styles) */
 
 solid-form-dropdown-autocompletion,

src/views/partials/admin/page-admin-circles-create.pug

@@ -31,7 +31,7 @@ div.content-box__info.flex
     label-help=''
 
     widget-status='hubl-status'
-    widget-description='solid-form-textarea-label'
+    widget-description='solid-form-richtext-label'
     widget-help='solid-form-hidden-label'
 
     next='circle'

src/views/partials/admin/page-admin-projects-create.pug

@@ -31,7 +31,7 @@ div.content-box__info.flex
     class-name='form-label is-light is-half-width input-text-like'
 
     label-description=''
-    widget-description='solid-form-textarea-label'
+    widget-description='solid-form-richtext-label'
     class-description='form-label is-light input-text-like'
     label-help=''
     widget-help='solid-form-hidden-label'

src/views/partials/circle/page-circle-edit.pug

@@ -46,7 +46,7 @@ div.content-box__info
       class-help='is-small'
 
       widget-status='hubl-status'
-      widget-description='solid-form-textarea-label'
+      widget-description='solid-form-richtext-label'
       widget-help='solid-form-hidden-label'
       widget-owner='solid-form-dropdown-autocompletion-label'
 

src/views/partials/project/page-project-edit.pug

@@ -35,7 +35,7 @@ div.content-box__info
       class-customer.name='form-label is-light is-half-width input-text-like'
 
       label-description='',
-      widget-description='solid-form-textarea-label'
+      widget-description='solid-form-richtext-label'
       class-description='form-label is-light input-text-like'
       label-help=''
       widget-help='solid-form-hidden-label'