#643 Reduced width of home menu

metasfresh · Apr 18, 2017 · 5509303 · 5509303
1 parent f9a2867
commit 5509303
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/src/assets/css/header.css b/src/assets/css/header.css
@@ -164,7 +164,7 @@
 
 .subheader-container {
     display: none;
-    width: 100%;
+    width: 50%;
     position: fixed;
     z-index: 201;
     margin-top:-1px;
@@ -176,7 +176,7 @@
 }
 
 .subheader-column {
-    width: 25%;
+    width: 50%;
     border-right: 1px solid #e1e7ec;
 
     overflow: hidden;
@@ -188,6 +188,7 @@
 @media (max-width: $breakpoint) {
     .subheader-container {
         top: 55px;
+        width: 100%;
         z-index: 201;
         max-height: calc(100vh - 55px);
         overflow: scroll;

diff --git a/src/assets/css/styles.css b/src/assets/css/styles.css
@@ -51,6 +51,11 @@ body {
     height: 100%;
 }
 
+.container-fluid-subheader {
+    padding-right: 0;
+}
+
+
 @media (max-width: 768px) {
     .container-fluid {
         padding-left: .5rem;

diff --git a/src/components/header/SubHeader.js b/src/components/header/SubHeader.js
@@ -225,12 +225,10 @@ class Subheader extends Component {
                 onKeyDown={this.handleKeyDown}
                 ref={(c)=> this.subHeader = c}
             >
-                <div className="container-fluid">
-                    <div className="row">
-                        <div className="subheader-row">
-                            {this.renderNavColumn()}
-                            {this.renderActionsColumn()}
-                        </div>
+                <div className="container-fluid-subheader container-fluid">
+                    <div className="subheader-row">
+                        {this.renderNavColumn()}
+                        {this.renderActionsColumn()}
                     </div>
                 </div>
             </div>