feat(panel): tweak for FAB slot when h-scroll

Esri · May 1, 2020 · 530ca8c · 530ca8c
1 parent 33c9575
commit 530ca8c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/calcite-panel/calcite-panel.scss b/src/components/calcite-panel/calcite-panel.scss
@@ -110,5 +110,7 @@
   bottom: 0;
   display: inline-block;
   margin: 0 auto;
-  padding: var(--calcite-app-cap-spacing) 0;
+  padding: var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half);
+  left: 0;
+  right: 0;
 }
diff --git a/src/demos/shell/demo-app-advanced-center-row.html b/src/demos/shell/demo-app-advanced-center-row.html
@@ -132,6 +132,7 @@ <h2>Boomer v Millennial - California</h2>
             <calcite-panel heading="Data table" summary="US Demographics - Country - County">
               <calcite-action slot="header-leading-content" text="Switch layer" icon="caret-down"></calcite-action>
               <calcite-action slot="header-trailing-content" text="Expand" icon="expand" id="expand-trigger"></calcite-action>
+              <calcite-fab slot="fab"></calcite-fab>
               <div class="header" slot="header-content">
                 Data table<br/>US Demographics - Country - County
               </div>