Merge pull request #4 from ryankeairns/feature/removePanelsFromUrl

Add responsive styles
elastic · Jan 28, 2021 · 55cda0e · 55cda0e
2 parents 9bdbaa2 + 09de507
commit 55cda0e
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 2 deletions.
diff --git a/src/plugins/dashboard/public/application/_dashboard_app.scss b/src/plugins/dashboard/public/application/_dashboard_app.scss
@@ -49,3 +49,17 @@
 .dshUnsavedListingItem__actions {
   margin-left: $euiSizeL + $euiSizeXS;
 }
+
+@include euiBreakpoint('xs', 's') {
+  .dshUnsavedListingItem {
+    margin-top: $euiSize;
+  }
+
+  .dshUnsavedListingItem__heading {
+    margin-bottom: $euiSizeXS;
+  }
+
+  .dshUnsavedListingItem__actions {
+    flex-direction: column;
+  }
+}
diff --git a/src/plugins/dashboard/public/application/listing/dashboard_unsaved_listing.tsx b/src/plugins/dashboard/public/application/listing/dashboard_unsaved_listing.tsx
@@ -36,7 +36,12 @@ const DashboardUnsavedItem = ({
   const title = dashboard?.title ?? getNewDashboardTitle();
   return (
     <div className="dshUnsavedListingItem">
-      <EuiFlexGroup alignItems="center" gutterSize="none">
+      <EuiFlexGroup
+        alignItems="center"
+        gutterSize="none"
+        className="dshUnsavedListingItem__heading"
+        responsive={false}
+      >
         <EuiFlexItem grow={false}>
           <EuiIcon color="text" className="dshUnsavedListingItem__icon" type="dashboardApp" />
         </EuiFlexItem>
@@ -49,9 +54,10 @@ const DashboardUnsavedItem = ({
         </EuiFlexItem>
       </EuiFlexGroup>
       <EuiFlexGroup
-        gutterSize="none"
         alignItems="flexStart"
+        gutterSize="none"
         className="dshUnsavedListingItem__actions"
+        responsive={false}
       >
         <EuiFlexItem grow={false}>
           <EuiButtonEmpty
@@ -67,6 +73,7 @@ const DashboardUnsavedItem = ({
         </EuiFlexItem>
         <EuiFlexItem grow={false}>
           <EuiButtonEmpty
+            flush="left"
             size="s"
             color="danger"
             onClick={onDiscardClick}