feature: WYSIWYG editor for circle and project description

This commit is contained in:
Fabien Quatravaux 2021-01-18 22:17:52 +01:00 committed by Jean-Baptiste Pasquier
parent ae505b62cf
commit 79d9695186
5 changed files with 43 additions and 4 deletions

View File

@ -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,

View File

@ -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'

View File

@ -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'

View File

@ -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'

View File

@ -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'