fix: Editor long words not wrapping

tolgee · Jun 9, 2022 · abb664e · abb664e
1 parent c26d94c
commit abb664e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/webapp/src/component/editor/Editor.tsx b/webapp/src/component/editor/Editor.tsx
@@ -18,13 +18,11 @@ const StyledWrapper = styled('div')<{
   minheight: string | number;
   background: string | undefined;
 }>`
-  display: flex;
-  flex-grow: 1;
-  align-items: stretch;
+  display: grid;
   & .react-codemirror2 {
-    display: flex;
-    flex-grow: 1;
+    display: grid;
     position: relative;
+    align-self: stretch;
   }
 
   & .CodeMirror *::selection {
@@ -61,6 +59,7 @@ const StyledWrapper = styled('div')<{
       border: 0px;
       background: transparent;
     }
+
     .CodeMirror-lint-marker-error {
       width: 4px;
       background: red;

diff --git a/webapp/src/views/projects/translations/KeyCreateForm/FormBody.tsx b/webapp/src/views/projects/translations/KeyCreateForm/FormBody.tsx
@@ -43,8 +43,7 @@ const StyledField = styled('div')`
 const StyledEdtorWrapper = styled('div')`
   background: ${({ theme }) => theme.palette.background.default};
   align-self: stretch;
-  display: flex;
-  align-items: stretch;
+  display: grid;
 `;
 
 const StyledTags = styled('div')`