Butons on profile page now nicer

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

View file

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

View file

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