fix(dashboareditor): use min-height to fix full height

carbon-design-system · Nov 4, 2020 · c6eda2d · c6eda2d
1 parent f732d0d
commit c6eda2d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/DashboardEditor/DashboardEditorHeader/DashboardEditorHeader.jsx b/src/components/DashboardEditor/DashboardEditorHeader/DashboardEditorHeader.jsx
@@ -169,6 +169,8 @@ const DashboardEditorHeader = ({
                 labelText={<DocumentImport16 fill="#161616" />}
                 onChange={onImport}
                 disableLabelChanges
+                accepts={['.json']}
+                multiple={false}
               />
             </TooltipIcon>
           )

diff --git a/src/components/DashboardEditor/_dashboard-editor.scss b/src/components/DashboardEditor/_dashboard-editor.scss
@@ -78,7 +78,7 @@
     }
 
     &__breakpoint-info {
-      padding: 1rem;
+      padding: $spacing-05;
       width: 100%;
       background-color: $ui-03;
     }
@@ -94,7 +94,7 @@
     }
   }
   &--sidebar {
-    height: 100%;
+    min-height: 100%;
     width: 16rem;
   }
 }