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

melishev · Feb 27, 2022 · a5d2b1b · a5d2b1b
1 parent bd6f504
commit a5d2b1b
Showing 1 changed file with 8 additions and 0 deletions.
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;