added a follow button on others' profile pages [ci skip]

This commit is contained in:
danielgrippi 2012-04-27 20:59:44 -07:00
parent 92f72bdcbe
commit 8d08f2604b
4 changed files with 65 additions and 42 deletions

View file

@ -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;
}
}
}

View file

@ -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);

View file

@ -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>

View file

@ -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"/>