Add edit icon to timeline profile
parent
ddbaffe1c2
commit
226e5c444d
|
@ -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
|
||||||
|
|
|
@ -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;
|
||||||
|
|
Loading…
Reference in New Issue