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

Fix Navbar elements

Browse Source 
Noticed there was a div instead of li, and then repaired the css to make it fit the same way it was as a div.

(plus a bit of gridlike alignment to the right)
This commit is contained in:
Hallaathrad
2016-01-21 18:14:03 -05:00
parent 08fe041979
commit 76bee1edec
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/less/main.less
View File

@ -279,7 +279,7 @@ ul {
.navbar-right { .navbar-right {
@media (min-width: 767px) { @media (min-width: 767px) {
padding-right: 50px; margin-right:0;
} }
@media (max-width: 991px) and (min-width: 768px) { @media (max-width: 991px) and (min-width: 768px) {
position: absolute; position: absolute;
@ -300,6 +300,8 @@ ul {
} }
} }
li.avatar, li.avatar > a { padding:0; margin:0 }
.thin-progress-bar { .thin-progress-bar {
height: 8px; height: 8px;
margin-top: 3px; margin-top: 3px;

4
server/views/partials/navbar.jade
View File

@ -29,6 +29,6 @@ nav.navbar.navbar-default.navbar-fixed-top.nav-height
else else
li.brownie-points-nav li.brownie-points-nav
a(href='/' + user.username) [ #{user.progressTimestamps.length} ] a(href='/' + user.username) [ #{user.progressTimestamps.length} ]
.hidden-xs.hidden-sm li.hidden-xs.hidden-sm.avatar
a(href='/' + user.username) a(href='/' + user.username)
img.profile-picture.float-right(src='#{user.picture}') img.profile-picture.float-right(src='#{user.picture}')