new nav tweaks

3b1e2f34 · Kyle Doherty · 48a5fac7 · 3b1e2f34 · 3b1e2f34 · 3b1e2f34
Commit 3b1e2f34 authored 9 years ago by Kyle Doherty
--- a/resources/frontend_client/app/css/core/hide.css
+++ b/resources/frontend_client/app/css/core/hide.css
 .hide { display: none !important; }
-.show { display: block; }
+.show { display: inheirt; }

 .sm-show,
 .md-show,
@@ -12,7 +12,7 @@
  .sm-hide { display: none !important; }
 }
 @media screen and (--breakpoint-min-sm) {
-  .sm-show { display: block !important; }
+  .sm-show { display: inherit !important; }
 }

 /* medium */
@@ -21,7 +21,7 @@
  .md-hide { display: none !important; }
 }
 @media screen and (--breakpoint-min-md) {
-  .md-show { display: block !important; }
+  .md-show { display: inherit !important; }
 }
 /* large */

@@ -29,7 +29,7 @@
  .lg-hide { display: none !important; }
 }
 @media screen and (--breakpoint-min-lg) {
-  .lg-show { display: block !important; }
+  .lg-show { display: inherit !important; }
 }

 /* xl */
@@ -37,5 +37,5 @@
  .xl-hide { display: none !important; }
 }
 @media screen and (--breakpoint-min-xl) {
-  .xl-show { display: block !important; }
+  .xl-show { display: inherit !important; }
 }
--- a/resources/frontend_client/app/css/core/layout.css
+++ b/resources/frontend_client/app/css/core/layout.css
@@ -7,8 +7,6 @@
 .wrapper {
  width: 100%;
  margin: 0 auto;
-  padding-left: 1.5em;
-  padding-right: 1.5em;
 }

 @media screen and (--breakpoint-min-sm) {

--- a/resources/frontend_client/app/css/home.css
+++ b/resources/frontend_client/app/css/home.css
@@ -198,9 +198,6 @@
    line-height: 1.4;
 }

-.HomeLayout {
-}
-
 @media screen and (--breakpoint-min-md) {
  .HomeLayout {
      margin-right: 346px;
@@ -220,3 +217,9 @@
      margin-right: auto;
  }
 }
+
+@media screen and (--breakpoint-min-lg) {
+    .HomeLayout {
+        font-size: 1.08rem;
+    }
+}
--- a/resources/frontend_client/app/home/components/ActivityItem.react.js
+++ b/resources/frontend_client/app/home/components/ActivityItem.react.js
@@ -21,7 +21,7 @@ export default class ActivityItem extends Component {
                    }
                </span>

-                <div className="ml2 full flex align-center" style={{fontSize: '1rem'}}>
+                <div className="ml2 full flex align-center">
                    <div className="text-grey-4">
                        <span className="text-dark">{description.userName}</span>


--- a/resources/frontend_client/app/home/components/ActivityStory.react.js
+++ b/resources/frontend_client/app/home/components/ActivityStory.react.js
@@ -9,7 +9,6 @@ export default class ActivityStory extends Component {

        this.styles = {
            borderWidth: '2px',
-            fontSize: '1.08rem',
            borderColor: '#DFE8EA',
        }
    }

--- a/resources/frontend_client/index_template.html
+++ b/resources/frontend_client/index_template.html
@@ -15,7 +15,7 @@
    <body ng-controller="Metabase">
        <div class="Nav" ng-controller="Nav" ng-if="user" ng-cloak>
            <!-- MAIN NAV -->
-            <nav class="py2 sm-py1 xl-py3 relative bg-brand" ng-show="nav === 'main'">
+            <nav class="sm-py2 sm-py1 xl-py3 relative bg-brand" ng-show="nav === 'main'">
                <ul class="wrapper flex align-center">
                    <li>
                        <a class="NavItem cursor-pointer text-white flex align-center my1" href="/">
@@ -59,7 +59,7 @@
                        </div>
                    </li>
                    <li class="flex-align-right">
-                        <a class="rounded inline-block bg-white text-brand cursor-pointer p2 no-decoration" href="/q">New Question</a>
+                        <a class="rounded inline-block bg-white text-brand cursor-pointer p2 no-decoration" href="/q">New <span class="hide sm-show">Question</span></a>
                        <div mb-profile-link class="inline-block text-white" user="user" context="nav"></div>
                    </li>
                </ul>