feat: add background to focused block & differentiate image tool caption

jaskipper · jaskipper · commit a5d2b1b56509 · 2022-02-27T09:57:34.000-06:00
diff --git a/admin/src/components/Wysiwyg/wrapper.js b/admin/src/components/Wysiwyg/wrapper.js
@@ -68,6 +68,14 @@ const Wrapper = styled(Box)`
         cursor: default;
       }
     }
+    .cdx-input.image-tool__caption {
+      font-size: .9rem;
+      color: #444;
+      line-height: 1.5;
+    }
+    .ce-block--focused {
+      background-image: linear-gradient(17deg,rgba(207,214,229,.1) 63.45%,rgba(207,214,229,.27) 98%,rgba(207,214,229,.27));
+    }
 `;
 
 export default Wrapper;

Original file line number	Diff line number	Diff line change
@@ -68,6 +68,14 @@ const Wrapper = styled(Box)`
`68`	`68`	`cursor: default;`
`69`	`69`	`}`
`70`	`70`	`}`
	`71`	`+ .cdx-input.image-tool__caption {`
	`72`	`+ font-size: .9rem;`
	`73`	`+ color: #444;`
	`74`	`+ line-height: 1.5;`
	`75`	`+ }`
	`76`	`+ .ce-block--focused {`
	`77`	`+ background-image: linear-gradient(17deg,rgba(207,214,229,.1) 63.45%,rgba(207,214,229,.27) 98%,rgba(207,214,229,.27));`
	`78`	`+ }`
`71`	`79`	`;
`72`	`80`
`73`	`81`	`export default Wrapper;`