feat(quill): styling touchup

webex · Jan 30, 2020 · 3c49eae · 3c49eae
1 parent 9dda99f
commit 3c49eae
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/ComposerQuill/styles.scss b/src/components/ComposerQuill/styles.scss
@@ -1,4 +1,10 @@
 .ql-container {
+  .ql-editor {
+    &:focus {
+      box-shadow: none;
+    }
+  }
+
   .ql-mention-list-container {
     max-height: 220px;
     overflow-y: auto;

diff --git a/src/components/MessageComposer/index.js b/src/components/MessageComposer/index.js
@@ -58,13 +58,15 @@ const MessageComposer = ({
   const toolbarDom = <Toolbar emitter={emitter.current} active={active} disabled={disabled} />;
 
   const containerClasses = classnames('message-composer-container', {disabled});
+  let composerClasses = 'composer';
 
   let Composer;
 
   switch (composerType) {
     default:
     case 'slate': {
       Composer = SlateComposer;
+      composerClasses += ' slate';
       break;
     }
     case 'quill': {
@@ -79,7 +81,7 @@ const MessageComposer = ({
         {toolbarDom}
       </div>
       {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */}
-      <div className="composer" onClick={focus}>
+      <div className={composerClasses} onClick={focus}>
         <Composer
           send={send}
           markdown={markdown}