fergalmoran/dss
1
0
Fork 0
mirror of https://github.com/fergalmoran/dss.git synced 2025-12-26 03:27:33 +00:00
Code Issues 13 Packages Projects Releases Wiki Activity

Nicer share icons

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

3
static/css/dss.main.css
View File

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

47
static/js/dss/templates/mixitemview.jst
View File

@@ -1,5 +1,5 @@
<div class="row">
<div class="col-md-2 mix-profile-container">
<div class="col-md-2 mix-profile-container">
<div class="mix-image-container">
<img alt="mix-logo" class="mix-image-image img-rounded img-polaroid" src="<%= mix_image %>"/>
</div>
@@ -14,9 +14,9 @@
<span><%= humanise(upload_date) %></span>
</span>
</span>
</div>
<div class="col-md-10 mix-container" id="mix-container-<%= id %>">
<div class="row orange">
</div>
<div class="col-md-10 mix-container" id="mix-container-<%= id %>">
<div class="row orange">
<div class="pull-left title-bar-item">
<a class="mix-link"
id="mix-link-<%= id %>"
@@ -32,8 +32,8 @@
<% }); %>
</div>
</div>
</div>
<div class="row dss-player-wrapper">
</div>
<div class="row dss-player-wrapper">
<!-- TODO: refactor the player into a template -->
<div class="pnp-instance">
<div class="pnp-wrapper">
@@ -48,40 +48,29 @@
<div class="pnp-seekhead"></div>
</div>
</div>
</div>
<div class="row">
</div>
<div class="row">
<div class="player-footer">
<div class="play-button footer-button">
<a id="play-button-<%= id %>" class="mix-state-toggle play blue" data-bypass="true" style="">
<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">
@@ -170,7 +163,7 @@
<% } %>
<% } %>
</div>
</div>
</div>
</div>
</div>
</div>
<hr/>