added a follow button on others' profile pages [ci skip]
This commit is contained in:
parent
92f72bdcbe
commit
8d08f2604b
4 changed files with 65 additions and 42 deletions
|
|
@ -462,3 +462,37 @@ div[data-template=flow] {
|
||||||
display : none;
|
display : none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#top-right-nav {
|
||||||
|
z-index: 10;
|
||||||
|
position : absolute;
|
||||||
|
right : 10px;
|
||||||
|
top : 10px;
|
||||||
|
|
||||||
|
|
||||||
|
.label {
|
||||||
|
padding : 2px 5px;
|
||||||
|
padding-right : 7px;
|
||||||
|
padding-bottom : 3px;
|
||||||
|
|
||||||
|
span {
|
||||||
|
display : inline-block;
|
||||||
|
position : relative;
|
||||||
|
top : 1px;
|
||||||
|
font-family : Roboto-Bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
& > a {
|
||||||
|
@include transition(opacity);
|
||||||
|
@include opacity(0.4);
|
||||||
|
|
||||||
|
margin-left : 5px;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
@include opacity(0.75);
|
||||||
|
text-decoration : none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -57,34 +57,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
#home-button {
|
|
||||||
@include transition(opacity);
|
|
||||||
@include opacity(0.4);
|
|
||||||
|
|
||||||
z-index: 10;
|
|
||||||
position : absolute;
|
|
||||||
right : 10px;
|
|
||||||
top : 10px;
|
|
||||||
|
|
||||||
.label {
|
|
||||||
padding : 2px 5px;
|
|
||||||
padding-right : 7px;
|
|
||||||
padding-bottom : 3px;
|
|
||||||
|
|
||||||
span {
|
|
||||||
display : inline-block;
|
|
||||||
position : relative;
|
|
||||||
top : 1px;
|
|
||||||
font-family : Roboto-Bold;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
@include opacity(0.75);
|
|
||||||
text-decoration : none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
#profile-stats {
|
#profile-stats {
|
||||||
i {
|
i {
|
||||||
@include transition(opacity);
|
@include transition(opacity);
|
||||||
|
|
|
||||||
|
|
@ -4,14 +4,16 @@
|
||||||
<div id="header-container"> </div>
|
<div id="header-container"> </div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<a href="/" id="home-button">
|
<div id="top-right-nav">
|
||||||
<span class="label label-inverse">
|
<a href="/" id="home-button">
|
||||||
<i class="icon-home icon-white"></i>
|
<span class="label label-inverse">
|
||||||
<span>
|
<i class="icon-home icon-white"></i>
|
||||||
HOME
|
<span>
|
||||||
|
HOME
|
||||||
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</a>
|
||||||
</a>
|
</div>
|
||||||
|
|
||||||
<div id="post-content"> </div>
|
<div id="post-content"> </div>
|
||||||
<div id="post-nav"> </div>
|
<div id="post-nav"> </div>
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,26 @@
|
||||||
<a href="/" id="home-button">
|
<div id="top-right-nav">
|
||||||
<span class="label label-inverse">
|
|
||||||
<i class="icon-home icon-white"></i>
|
{{#unless isOwnProfile}}
|
||||||
<span>
|
<a href="#" onClick="alert('Not yet implemented!')" id="follow-button">
|
||||||
HOME
|
<span class="label label-inverse">
|
||||||
|
<i class="icon-plus icon-white"></i>
|
||||||
|
<span>
|
||||||
|
FOLLOW
|
||||||
|
</span>
|
||||||
|
</span>
|
||||||
|
</a>
|
||||||
|
{{/unless}}
|
||||||
|
|
||||||
|
<a href="/" id="home-button">
|
||||||
|
<span class="label label-inverse">
|
||||||
|
<i class="icon-home icon-white"></i>
|
||||||
|
<span>
|
||||||
|
HOME
|
||||||
|
</span>
|
||||||
</span>
|
</span>
|
||||||
</span>
|
</a>
|
||||||
</a>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<section id="profile-info"/>
|
<section id="profile-info"/>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue