lazy load TextGlobalMessage component

This commit is contained in:
Lukas Hass
2022-03-01 18:23:01 +01:00
committed by David Négrier
parent 638a32e1b0
commit b8fd85fe15
4 changed files with 54 additions and 58 deletions
@@ -1,45 +0,0 @@
//TextGlobalMessage
// TODO: load on demand with TextGlobalMessage component
@import "quill/dist/quill.snow.css";
section.section-input-send-text {
--height-toolbar: 20%;
height: 100%;
.ql-toolbar{
max-height: var(--height-toolbar);
background: whitesmoke;
}
div.input-send-text{
height: calc(100% - var(--height-toolbar));
overflow: auto;
color: whitesmoke;
font-size: 1rem;
.ql-editor.ql-blank::before {
color: whitesmoke;
font-size: 1rem;
}
.ql-tooltip {
top: 40% !important;
left: 20% !important;
color: whitesmoke;
background-color: #333333;
}
}
}
@include media-breakpoint-up(md) {
section.section-input-send-text {
--height-toolbar: 30%;
.ql-toolbar {
overflow: auto;
}
}
}
-1
View File
@@ -3,4 +3,3 @@
@import "cowebsite.scss";
@import "fonts.scss";
@import "style";
@import "TextGlobalMessageSvelte-Style";