fix(editor): Set ql-editor background color only for control.

This commit is contained in:
Suraj Shetty 2020-09-10 17:58:56 +05:30
parent 16e629b933
commit 376a418ca3
2 changed files with 15 additions and 2 deletions

View file

@ -32,6 +32,12 @@
content: ' *';
color: var(--red-400);
}
.ql-editor {
background-color: var(--control-bg);
}
}
.frappe-control:not([data-fieldtype='MultiSelectPills']) {
&.has-error {
input {
border: 1px solid var(--red-400);
@ -43,6 +49,14 @@
}
}
.frappe-control[data-fieldtype='MultiSelectPills'] {
&.has-error {
.control-input-wrapper {
box-shadow: 0 0 0 $input-btn-focus-width var(--red-100);
}
}
}
.frappe-control[data-fieldtype="Select"] .control-input {
position: relative;

View file

@ -10,7 +10,6 @@
.ql-editor {
font-family: var(--font-stack);
line-height: 1.6;
background-color: var(--control-bg);
h1,
h2,
h3,
@ -30,7 +29,7 @@
}
.ql-container.ql-snow {
border-bottom-left-radius: var(--border-radius);
border-bottom-left-radius: var(--border-radius);;
border-bottom-right-radius: var(--border-radius);
}