Applies flex styling to inner ‹div› of ‹dia-po› only when fullbleed…

… attribute set (#3)
petitatelier · Mar 18, 2019 · dcf069e · dcf069e
1 parent 7c83632
commit dcf069e
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/dia-show/shared-styles.js b/packages/dia-show/shared-styles.js
@@ -110,10 +110,10 @@ const
       align-items: center; justify-content: center }
     :host([ default]) {
       box-shadow: 1px 1px 5px 1px #dfdfdf }
-    div {
-      display: flex; flex-grow: 1 }
     :host([ fullbleed]) div {
-      width: 100%; height: 100% }
+      display: flex; flex-grow: 1;
+      width: 100%; height: 100%;
+      flex-direction: column }
   `,
   DiaDisplaySelectorStyles = css`
     :host { display: inline-flex }