codeninjasllc/codecombat
1
0
Fork 0
mirror of https://github.com/codeninjasllc/codecombat.git synced 2024-12-17 19:12:33 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Butons on profile page now nicer

Browse source
This commit is contained in:
Ruben Vereecken 2014-07-22 21:45:36 +02:00
parent 411bb87985
commit 8969311d82
2 changed files with 26 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
app/styles/user/home.sass
View file

@ -10,14 +10,15 @@
.right-column .right-column
+make-sm-column(8) +make-sm-column(8)
.picture-wrapper .profile-wrapper
text-align: center text-align: center
outline: 1px solid darkgrey outline: 1px solid darkgrey
max-width: 80% max-width: 100%
+center-block() +center-block()
> .picture > .picture
max-width: 100% width: 100%
background-color: #dadada
border: 4px solid white border: 4px solid white
> .name > .name
@ -27,13 +28,24 @@
color: white color: white
text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000 text-shadow: 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000
.list-group-item > a .profile-menu
padding-left: 0px
width: 100%
> a
border-radius: 0
border-width: 1px 0px
border-color: darkgrey
&:hover
border-color: #888
> span
color: #555555 color: #555555
font-size: 15px
margin-left: 5px margin-left: 5px
.contributor-categories .contributor-categories
list-style: none list-style: none
padding: 0px padding: 0px
margin-top: 15px
> .contributor-category > .contributor-category
outline: 1px solid black outline: 1px solid black

14
app/templates/user/home.jade
View file

@ -5,20 +5,18 @@ block append content
.vertical-buffer .vertical-buffer
.row .row
.left-column .left-column
.picture-wrapper .profile-wrapper
img.picture(src="#{me.getPhotoURL(150)}" alt="") img.picture(src="#{me.getPhotoURL(150)}" alt="")
h3.name= user.get('name') h3.name= user.get('name')
hr .btn-group-vertical.profile-menu
ul.list-group a.btn.btn-default(href="/user/#{user.get('slug') || user.get('_id')}/profile")
li.list-group-item
i.glyphicon.glyphicon-briefcase i.glyphicon.glyphicon-briefcase
a(href="profile") Job Profile span Job Profile
li.list-group-item a.btn.btn-default(href="profile")
i.glyphicon.glyphicon-pencil i.glyphicon.glyphicon-pencil
a(href="") Code span Code
- var emails = user.get('emails') - var emails = user.get('emails')
if emails if emails
hr
ul.contributor-categories ul.contributor-categories
//li.contributor-category //li.contributor-category
img.contributor-image(src="/images/pages/user/general.png") img.contributor-image(src="/images/pages/user/general.png")