fix: Un-break TS message comm. contents editor UI

ituob · Oct 20, 2019 · a9d15d6 · a9d15d6
1 parent 48c1dfb
commit a9d15d6
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/renderer/issue-editor/messages/telephone_service_2.tsx b/src/renderer/issue-editor/messages/telephone_service_2.tsx
@@ -478,6 +478,7 @@ const TSCountryCommunicationDetailsEditor: React.FC<TSCountryCommunicationDetail
 
       <FormGroup
           label="Communication contents"
+          contentClassName={styles.tsCommunicationFormContents}
           intent="primary">
         {contentsEditor}
       </FormGroup>

diff --git a/src/renderer/issue-editor/styles.scss b/src/renderer/issue-editor/styles.scss
@@ -43,10 +43,17 @@
 }
 
 :local .messageEditorDialog {
+  max-height: 95vh;
+
   :global .bp3-label:last-child,
   :global .bp3-form-group:last-child {
     margin-bottom: 0;
   }
+
+  :global .bp3-dialog-body {
+    display: flex;
+    flex-flow: column nowrap;
+  }
 }
 
 :local .messageEditorTabs {
@@ -110,6 +117,7 @@
 :local .tsCountryCommunicationEditor {
   display: flex;
   flex-flow: row nowrap;
+  overflow: hidden;
 
   > :first-child {
     margin-right: 1rem;
@@ -131,3 +139,9 @@
   flex-flow: row nowrap;
   justify-content: space-between;
 }
+
+:local .tsCommunicationFormContents {
+  display: flex;
+  flex-flow: column nowrap;
+  overflow: hidden;
+}