gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat(navbar): Adds vertical line between normal navigation and p

Browse Source
This commit is contained in:
Quincy Larson
2017-12-15 18:03:57 -06:00
committed by mrugesh mohapatra
parent 27b5b7189c
commit 59dc80a621
2 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
common/app/Nav/Nav.jsx
View File

@ -217,6 +217,7 @@ export class FCCNav extends React.Component {
/> :
null
}
<li className='divider-vertical'/>
{
navLinks.map(
this.renderLink.bind(this, true)

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

@ -100,6 +100,15 @@ li.nav-avatar {
border-top: 0;
}
.divider-vertical {
height: 24px;
margin-top: 6px;
margin-bottom: 6px;
border-left: 0.25px solid #ffffff;
border-right: 0.25px solid #ffffff;
align:
}
@media (max-width: @screen-xs-max) {
.navbar-header {
float: none;