removes the "Beta" banner

DataUSA · Apr 18, 2019 · a0ae3a4 · a0ae3a4
1 parent 61afabd
commit a0ae3a4
Show file tree

Hide file tree

Showing 7 changed files with 22 additions and 11 deletions.
diff --git a/app/App.css b/app/App.css
@@ -1,4 +1,4 @@
-#Beta {
+#Banner {
   background-color: var(--red);
   /* border-top: 1px solid var(--black); */
   bottom: 0;

diff --git a/app/App.jsx b/app/App.jsx
@@ -57,7 +57,8 @@ class App extends Component {
                        pathname.indexOf("search") === 0;
 
     const bare = pathname.includes("profile") && pathname.split("/").filter(Boolean).length === 5;
-    const beta = true;
+    const banner = null;
+    // const banner = <div id="Banner">This is a prototype for the new Data USA. Please e-mail <a href="mailto:hello@datausa.io?subject=Prototype%20Feedback">hello@datausa.io</a> with any feedback.</div>;
 
     return (
       <div id="App" className={bare ? "bare" : ""}>
@@ -67,7 +68,7 @@ class App extends Component {
         { bare ? null : <Nav location={location} /> }
         { this.props.children }
         { fullscreen || bare ? null : <Footer location={location} /> }
-        { beta && <div id="Beta">This is a prototype for the new Data USA. Please e-mail <a href="mailto:hello@datausa.io?subject=Prototype%20Feedback">hello@datausa.io</a> with any feedback.</div> }
+        { banner }
       </div>
     );
 

diff --git a/app/cms/profile/ProfileBuilder.css b/app/cms/profile/ProfileBuilder.css
@@ -12,7 +12,8 @@
 #tree {
   background-color: #efefef;
   font-size: 14px;
-  height: calc(100vh - var(--nav-height) - 34px);
+  /* height: calc(100vh - var(--nav-height) - var(--banner-height)); */
+  height: calc(100vh - var(--nav-height));
   max-width: 300px;
   min-width: 300px;
   overflow-y: scroll;
@@ -48,7 +49,8 @@
   background-color: white;
   box-sizing: border-box;
   flex: 1;
-  height: calc(100vh - var(--nav-height) - 34px);
+  /* height: calc(100vh - var(--nav-height) - var(--banner-height)); */
+  height: calc(100vh - var(--nav-height));
   overflow-y: scroll;
   padding: 25px;
   width: 100%;

diff --git a/app/pages/Cart.css b/app/pages/Cart.css
@@ -1,7 +1,8 @@
 #Cart {
   background-color: var(--white);
   display: flex;
-  height: calc(100vh - 34px);
+  /* height: calc(100vh - var(--banner-height)); */
+  height: 100vh;
   padding-top: var(--nav-height);
   width: 100%;
   & .controls {

diff --git a/app/pages/Map.css b/app/pages/Map.css
@@ -1,14 +1,17 @@
 #Visualize.Map {
-  height: calc(100vh - 34px);
+  /* height: calc(100vh - var(--banner-height)); */
+  height: 100vh;
   overflow: hidden;
   & .vizbuilder {
     padding-top: 0;
-    height: calc(100vh - 34px);
+    /* height: calc(100vh - var(--banner-height)); */
+    height: 100vh;
     & .area-middle {
       display: none;
     }
     & .area-sidebar, & .area-chart {
-      height: calc(100vh - var(--nav-height) - 34px);
+      /* height: calc(100vh - var(--nav-height) - var(--banner-height)); */
+      height: calc(100vh - var(--nav-height));
       padding-top: 0;
     }
     & .area-chart {

diff --git a/app/pages/Visualize.css b/app/pages/Visualize.css
@@ -30,7 +30,8 @@
 
 .vizbuilder {
   background-color: var(--white);
-  height: calc(100vh - var(--nav-height) - 34px);
+  /* height: calc(100vh - var(--nav-height) - var(--banner-height)); */
+  height: calc(100vh - var(--nav-height));
   margin-top: var(--nav-height);
   & .action-clear {
     display: none;
@@ -52,7 +53,8 @@
     }
   }
   & .area-sidebar {
-    height: calc(100vh - var(--nav-height) - 34px);
+    /* height: calc(100vh - var(--nav-height) - var(--banner-height)); */
+    height: calc(100vh - var(--nav-height));
     padding-top: calc(var(--nav-height) + 25px);
     position: relative;
     width: 300px;

diff --git a/app/style.yml b/app/style.yml
@@ -1,5 +1,7 @@
 nav-height: 40px
 subnav-size: 85px
+# banner-height: 34px;
+banner-height: 0;
 
 red: "#ef6145"
 dark: "#141b2e"