Nicer share icons

This commit is contained in:
Fergal Moran
2014-08-14 23:52:11 +01:00
parent c0612c2a1d
commit ad1c97a7d2
2 changed files with 129 additions and 133 deletions

View File

@@ -778,3 +778,6 @@ img.mix-listing-image {
top: 8px;
right: 0;
}
.share-button{
cursor: pointer;
}

View File

@@ -56,32 +56,21 @@
<i id="play-state-fa fa-<%= id %>" class="ace-icon fa fa-play bigger-180"></i>
</a>
</div>
<div class="footer-button">
<div class="btn-group">
<button class="btn btn-info btn-xs dropdown-toggle" data-toggle="dropdown">
<i class="ace-icon fa fa-share"></i>Share
<span class="ace-icon fa fa-caret-down fa fa-on-right"></span>
</button>
<ul class="dropdown-menu">
<li>
<a data-mode="facebook"
class="share-button share-button-facebook">
Facebook
<i class="ace-icon fa fa-facebook-square text-primary bigger-190"></i>
</a>
</li>
<li>
<a data-mode="twitter"
class="share-button share-button-twitter">
Twitter
<i class="ace-icon fa fa-twitter-square light-blue bigger-190"></i>
</a>
</li>
<li>
<a data-mode="embed"
class="share-button share-button-embed">
Embed
<i class="ace-icon fa fa-sign-in light-orange bigger-190"></i>
</a>
</li>
</ul>
</div>
</div>
<% if (utils.isAuth()) { %>
@@ -92,7 +81,8 @@
Playlist
<span class="ace-icon fa fa-caret-down fa fa-on-right"></span>
</button>
<div class="dropdown-navbar dropdown-menu dropdown-caret playlist-add-dropdown" style="margin-top: 8px">
<div class="dropdown-navbar dropdown-menu dropdown-caret playlist-add-dropdown"
style="margin-top: 8px">
<div id="playlist-layout">
</div>
</div>
@@ -101,7 +91,10 @@
<a class="btn <% if (liked) { %>btn-pink<% } else { %>btn-light<% } %> btn-xs"
id="like-<%= id %>"
data-id="<%= id %>">
<i class="ace-icon fa fa-heart"></i> Like<% if (liked) { %>d<% } %>
<i class="ace-icon fa fa-heart"></i> Like
<% if (liked) { %>
d
<% } %>
</a>
</div>
<div class="favourite-button footer-button">