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

2017-12-15 18:03:57 -06:00
parent 27b5b7189c
commit 59dc80a621
2 changed files with 10 additions and 0 deletions
--- a/common/app/Nav/Nav.jsx
+++ b/common/app/Nav/Nav.jsx
@@ -217,6 +217,7 @@ export class FCCNav extends React.Component {
                /> :
                null
            }
+            <li className='divider-vertical'/>
            {
              navLinks.map(
                this.renderLink.bind(this, true)
--- a/common/app/Nav/nav.less
+++ b/common/app/Nav/nav.less
@@ -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;