purchasing/fuse-angular
3
0
Fork 0
mirror of https://github.com/richard-loafle/fuse-angular.git synced 2025-01-09 12:05:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

(@fuse/overrides) Fixed: Quill editor is not styled correctly by default

Browse Source
This commit is contained in:
sercan 2021-08-12 13:42:59 +03:00
parent 190395f14b
commit 4b686d86cc
1 changed files with 6 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/@fuse/styles/overrides/quill.scss
View File

@ -4,11 +4,12 @@
.ql-toolbar { .ql-toolbar {
border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
padding: 0 !important; padding: 0 !important;
@apply bg-gray-100 border-gray-300; @apply bg-gray-100;
@apply border-gray-300 border-opacity-100 #{'!important'};
.dark & { .dark & {
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
@apply border-gray-500; @apply border-gray-500 #{'!important'};
} }
.ql-formats { .ql-formats {
@ -81,26 +82,22 @@
.ql-container { .ql-container {
overflow: hidden; overflow: hidden;
border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
@apply border-gray-300 shadow-sm; @apply border-gray-300 border-opacity-100 shadow-sm #{'!important'};
.dark & { .dark & {
@apply border-gray-500; @apply border-gray-500 #{'!important'};
} }
.ql-editor { .ql-editor {
min-height: 160px; min-height: 160px;
max-height: 160px; max-height: 160px;
height: 160px; height: 160px;
@apply bg-gray-50; @apply bg-card;
.dark & { .dark & {
background-color: rgba(0, 0, 0, 0.05); background-color: rgba(0, 0, 0, 0.05);
} }
&:focus {
@apply bg-card;
}
&.ql-blank::before { &.ql-blank::before {
@apply text-hint; @apply text-hint;
} }