fix: add cosmetic fixes to rich text textarea

dhis2 · Feb 7, 2024 · fcccbbc · fcccbbc
1 parent feca769
commit fcccbbc
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/components/Interpretations/common/Message/MessageEditorContainer.js b/src/components/Interpretations/common/Message/MessageEditorContainer.js
@@ -19,8 +19,7 @@ const MessageEditorContainer = ({ children, currentUser, dataTest }) => (
             }
             .editor {
                 flex-grow: 1;
-                display: flex;
-                flex-direction: column;
+                height: 100%;
             }
         `}</style>
     </div>

diff --git a/src/components/RichText/Editor/styles/Editor.style.js b/src/components/RichText/Editor/styles/Editor.style.js
@@ -47,12 +47,12 @@ export const mainClasses = css`
     }
 
     .textarea.resizable {
-        resize: both;
+        resize: vertical;
     }
 
     .textarea:focus {
         outline: none;
-        box-shadow: 0 0 0 3px ${theme.focus};
+        box-shadow: 0 0 0 3px inset ${theme.focus};
         width: calc(100% - 3px);
     }