refactor app mount point to remove flex context by default

d9f226ee · Kyle Doherty · 74575ecc · d9f226ee · d9f226ee · d9f226ee
Commit d9f226ee authored 9 years ago by Kyle Doherty
--- a/frontend/src/css/home.css
+++ b/frontend/src/css/home.css
@@ -12,6 +12,7 @@
 }

 .Main {
+    height: 100%;
    z-index: 1;
    position: relative;
 }

--- a/frontend/src/css/query_builder.css
+++ b/frontend/src/css/query_builder.css
@@ -8,6 +8,7 @@

 #react_qb_viz {
    z-index: 1;
+    flex-grow: 1;
 }

 /* @layout */

--- a/resources/frontend_client/app/card/partials/card_detail.html
+++ b/resources/frontend_client/app/card/partials/card_detail.html
-<div class="QueryBuilder flex flex-column flex-full bg-white" ng-class="{ 'QueryBuilder--showDataReference': isShowingDataReference }">
+<div class="QueryBuilder flex flex-column bg-white absolute top left bottom right" ng-class="{ 'QueryBuilder--showDataReference': isShowingDataReference }">
    <div id="react_qb_header"></div>
    <div id="react_qb_editor"></div>
-    <div id="react_qb_viz" class="flex flex-full"></div>
+    <div id="react_qb_viz" class="flex"></div>
 </div>
-<div class="DataReference flex flex-full" id="react_data_reference"></div>
+<div class="DataReference" id="react_data_reference"></div>
 <div id="react_qb_tutorial"></div>
-<div id="react_qbnewb_modal"></div>
\ No newline at end of file
+<div id="react_qbnewb_modal"></div>
--- a/resources/frontend_client/index_template.html
+++ b/resources/frontend_client/index_template.html
@@ -15,8 +15,7 @@

    <body ng-controller="Metabase">
        <div class="Nav" ng-controller="Nav" mb-react-component="Navbar"></div>
-
-        <main class="Main flex flex-column flex-full" ng-view></main>
+        <main class="Main" ng-view></main>
    </body>

    <script type="text/javascript">