Add edit icon to timeline profile

stable
Xavier Julián 2015-03-31 14:37:23 +02:00 committed by Juanfran
parent ddbaffe1c2
commit 226e5c444d
2 changed files with 17 additions and 1 deletions

View File

@ -1,5 +1,8 @@
section.profile-bar section.profile-bar
img.profile-img(src="http://i.imgur.com/gPiHzHN.jpg", alt="{{ user.nickname }}") div.profile-image-wrapper
img.profile-img(src="http://i.imgur.com/gPiHzHN.jpg", alt="{{ user.nickname }}")
a.edit-profile(href="", title="Edit profile")
span.icon.icon-edit
a.button-green a.button-green
span Follow span Follow
div.profile-data div.profile-data

View File

@ -1,7 +1,20 @@
.profile-bar { .profile-bar {
.profile-image-wrapper {
position: relative;
}
.profile-img { .profile-img {
max-width: 100%; max-width: 100%;
} }
.edit-profile {
@extend %large;
background: rgba(255, 255, 255, .6);
border-radius: 50%;
color: $grayer;
left: calc(50% - 1rem);
padding: 1rem;
position: absolute;
top: calc(50% - 1rem);
}
.button-green { .button-green {
display: block; display: block;
margin-bottom: 1rem; margin-bottom: 1rem;