Merge pull request #16033 from JustusFT/fix/beta-navbar

fix: Navbar breaks at 768px to 786px
This commit is contained in:
mrugesh mohapatra
2017-11-03 01:15:39 +05:30
committed by GitHub
2 changed files with 18 additions and 2 deletions

View File

@ -37,9 +37,9 @@ export default function SignUpButton({
key='user'
>
<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-picture-container hidden-xs hidden-sm'>
<span className='nav-picture-container'>
<img
className='nav-picture float-right'
src={ picture }

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;
}
}