From 376a418ca37fe5c27e0fb027a2bd2bf91b0f10ca Mon Sep 17 00:00:00 2001
From: Suraj Shetty <surajshetty3416@gmail.com>
Date: Thu, 10 Sep 2020 17:58:56 +0530
Subject: [PATCH] fix(editor): Set ql-editor background color only for control.

---
 frappe/public/scss/controls.scss | 14 ++++++++++++++
 frappe/public/scss/quill.scss    |  3 +--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/frappe/public/scss/controls.scss b/frappe/public/scss/controls.scss
index 52200e3db0..757dcc0897 100644
--- a/frappe/public/scss/controls.scss
+++ b/frappe/public/scss/controls.scss
@@ -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;
 
diff --git a/frappe/public/scss/quill.scss b/frappe/public/scss/quill.scss
index 9b56b7e231..86f95a9688 100644
--- a/frappe/public/scss/quill.scss
+++ b/frappe/public/scss/quill.scss
@@ -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);
 }