feat: css tweaks for shell-panel and center-row

#955
Esri · May 7, 2020 · eb3ef56 · eb3ef56
1 parent 13483a8
commit eb3ef56
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/components/calcite-shell-center-row/calcite-shell-center-row.scss b/src/components/calcite-shell-center-row/calcite-shell-center-row.scss
@@ -1,7 +1,11 @@
 :host {
   @extend %component-host;
+  display: flex;
   overflow: hidden;
   transition: height var(--calcite-app-animation-time) ease-in-out;
+  background-color: var(--calcite-app-background-clear);
+  border-left: 1px solid var(--calcite-app-border);
+  border-right: 1px solid var(--calcite-app-border);
 
   --calcite-app-shell-center-row-height-small: 33%;
   --calcite-app-shell-center-row-height-medium: 70%;
@@ -11,8 +15,7 @@
 @import "../../scss/includes/_component";
 
 .content {
-  background-color: var(--calcite-app-background-content);
-  border: 1px solid var(--calcite-app-border);
+  display: flex;
   flex: 1 0 0;
   height: 100%;
   margin: 0;
@@ -22,6 +25,7 @@
 
 :host([detached]) {
   animation: calcite-app-fade-in-up var(--calcite-app-animation-time) var(--calcite-app-easing-function);
+  border: none;
   border-radius: var(--calcite-app-border-radius);
   box-shadow: var(--calcite-app-shadow-0);
   margin: var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half)

diff --git a/src/components/calcite-shell-panel/calcite-shell-panel.scss b/src/components/calcite-shell-panel/calcite-shell-panel.scss
@@ -31,7 +31,6 @@
 }
 
 .content--detached {
-  border: 1px solid var(--calcite-app-border);
   border-radius: var(--calcite-app-border-radius);
   box-shadow: var(--calcite-app-shadow-0);
   margin: var(--calcite-app-cap-spacing-half) var(--calcite-app-side-spacing-half) auto;