Add edit icon to timeline profile
parent
ddbaffe1c2
commit
226e5c444d
|
@ -1,5 +1,8 @@
|
|||
section.profile-bar
|
||||
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
|
||||
span Follow
|
||||
div.profile-data
|
||||
|
|
|
@ -1,7 +1,20 @@
|
|||
.profile-bar {
|
||||
.profile-image-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
.profile-img {
|
||||
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 {
|
||||
display: block;
|
||||
margin-bottom: 1rem;
|
||||
|
|
Loading…
Reference in New Issue