Github issue#1310, Navigation is not scaling well for responsive design

Vikas Agarwal · Vikas Agarwal · commit 55a1727d2410 · 2017-11-15T17:32:00.000+05:30
— Fixed
diff --git a/src/components/TopBar/ProjectsToolBar.js b/src/components/TopBar/ProjectsToolBar.js
@@ -148,7 +148,7 @@ class ProjectsToolBar extends Component {
         target: '_blank'
       }
     ]
-    const menuBar = !isPowerUser && <MenuBar items={primaryNavigationItems} orientation="horizontal" forReactRouter />
+    const menuBar = !isPowerUser && <MenuBar mobileBreakPoint={767} items={primaryNavigationItems} orientation="horizontal" forReactRouter />
 
     return (
       <div className="ProjectsToolBar">
diff --git a/src/components/TopBar/TopBarContainer.scss b/src/components/TopBar/TopBarContainer.scss
@@ -14,11 +14,9 @@
   right: 0;
 
   .logo-wrapper {
-    width: 60px;
     height: 60px;
     flex-shrink: 0;
     display: flex;
-    flex-grow: 1;
 
     .logo {
       display: inline-block;

Original file line number	Diff line number	Diff line change
`@@ -148,7 +148,7 @@ class ProjectsToolBar extends Component {`
`148`	`148`	`target: '_blank'`
`149`	`149`	`}`
`150`	`150`	`]`
`151`		`- const menuBar = !isPowerUser && <MenuBar items={primaryNavigationItems} orientation="horizontal" forReactRouter />`
	`151`	`+ const menuBar = !isPowerUser && <MenuBar mobileBreakPoint={767} items={primaryNavigationItems} orientation="horizontal" forReactRouter />`
`152`	`152`
`153`	`153`	`return (`
`154`	`154`	`<div className="ProjectsToolBar">`