greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(nav): Navbar breaks at 768px to 786px

pull/16033/head
JustusFT 2017-10-26 07:17:15 +08:00 committed by Mrugesh Mohapatra
parent 936223af47
commit 4ba3e64786
2 changed files with 18 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
common/app/Nav/Sign-Up.jsx
View File

@ -37,9 +37,9 @@ export default function SignUpButton({
key='user' key='user'
> >
<Link to='/settings'> <Link to='/settings'>
<span className='nav-username hidden-md hidden-lg'> { username } </span> <span className='nav-username hidden-sm'> { username } </span>
<span className='nav-points'> [ { points || 1 } ] </span> <span className='nav-points'> [ { points || 1 } ] </span>
<span className='nav-picture-container hidden-xs hidden-sm'> <span className='nav-picture-container'>
<img <img
className='nav-picture float-right' className='nav-picture float-right'
src={ picture } src={ picture }

16
common/app/Nav/nav.less
View File

@ -194,3 +194,19 @@ li.nav-avatar {
} }
} }
} }
@media (min-width: 768px) and (max-width: 860px) {
.navbar {
padding-left: 0;
padding-right: 0;
}
.navbar-right {
margin-right: 0;
}
.navbar-nav > li > a {
padding-left: 10px;
padding-right: 10px;
}
}