Initial mobile friendlyness

This commit is contained in:
Fergal Moran
2014-08-18 20:33:13 +01:00
parent fced91562d
commit b91e057666
3 changed files with 13 additions and 13 deletions

View File

@@ -8,7 +8,7 @@
<span class="icon-bar"></span> <span class="icon-bar"></span>
</button> </button>
<div class="navbar-header pull-left"> <div class="navbar-header pull-left hidden-xs">
<a href="/" class="navbar-brand"> <a href="/" class="navbar-brand">
Deep|South|Sounds Deep|South|Sounds
</a> </a>
@@ -16,11 +16,11 @@
<div class="navbar-buttons navbar-header pull-right" role="navigation"> <div class="navbar-buttons navbar-header pull-right" role="navigation">
<ul class="nav ace-nav"> <ul class="nav ace-nav">
<li id="header-search"></li> <li id="header-search" class="hidden-xs"></li>
<% if (com.podnoms.settings.currentUser != -1) { %>
<li class="nav ace-nav" id="header-notifications"> <li class="nav ace-nav" id="header-notifications">
<!-- End Notifications li --> <!-- End Notifications li -->
</li> </li>
<% if (com.podnoms.settings.currentUser != -1) { %>
<li class="light-blue"> <li class="light-blue">
<a data-toggle="dropdown" data-bypass="true" href="#" class="dropdown-toggle"> <a data-toggle="dropdown" data-bypass="true" href="#" class="dropdown-toggle">
<img id="nav-profile-image" class="nav-user-photo" <img id="nav-profile-image" class="nav-user-photo"
@@ -56,7 +56,7 @@
</ul> </ul>
</li> </li>
<% } else { %> <% } else { %>
<li> <li class="pull-right">
<a data-bypass="true" id="header-login-button">Login/Signup</a> <a data-bypass="true" id="header-login-button">Login/Signup</a>
</li> </li>
<% } %> <% } %>

View File

@@ -1,6 +1,6 @@
<div class="row mix-item-container"> <div class="row mix-item-container">
<div class="col-md-2 mix-profile-container"> <div class="col-md-2 mix-profile-container">
<div class="mix-image-container"> <div class="mix-image-container hidden-xs">
<img alt="mix-logo" class="mix-image-image img-rounded img-polaroid" src="<%= mix_image %>"/> <img alt="mix-logo" class="mix-image-image img-rounded img-polaroid" src="<%= mix_image %>"/>
</div> </div>
<span class="msg-body"> <span class="msg-body">
@@ -68,13 +68,13 @@
<i class="ace-icon fa fa-twitter-square light-blue bigger-180"></i> <i class="ace-icon fa fa-twitter-square light-blue bigger-180"></i>
</a> </a>
<a data-mode="embed" <a data-mode="embed"
class="share-button share-button-embed"> class="share-button share-button-embed hidden-xs">
<i class="ace-icon fa fa-wordpress light-orange bigger-180"></i> <i class="ace-icon fa fa-wordpress light-orange bigger-180"></i>
</a> </a>
</div> </div>
</div> </div>
<% if (utils.isAuth()) { %> <% if (utils.isAuth()) { %>
<div class="footer-button"> <div class="footer-button hidden-xs">
<button class="btn btn-info btn-xs dropdown-toggle" data-toggle="dropdown" <button class="btn btn-info btn-xs dropdown-toggle" data-toggle="dropdown"
id="playlist-dropdown"> id="playlist-dropdown">
<i id="notification-icon" class="fa fa-list-ul"></i> <i id="notification-icon" class="fa fa-list-ul"></i>
@@ -87,7 +87,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="like-button footer-button"> <div class="like-button footer-button ">
<a class="btn <% if (liked) { %>btn-pink<% } else { %>btn-light<% } %> btn-xs" <a class="btn <% if (liked) { %>btn-pink<% } else { %>btn-light<% } %> btn-xs"
id="like-<%= id %>" id="like-<%= id %>"
data-id="<%= id %>"> data-id="<%= id %>">
@@ -95,7 +95,7 @@
<% if (liked) { %>d<% } %> <% if (liked) { %>d<% } %>
</a> </a>
</div> </div>
<div class="favourite-button footer-button"> <div class="favourite-button footer-button hidden-xs">
<a class="btn <% if (favourited) { %>btn-pink<% } else { %>btn-light<% } %> btn-xs" <a class="btn <% if (favourited) { %>btn-pink<% } else { %>btn-light<% } %> btn-xs"
id="favourite-<%= id %>" id="favourite-<%= id %>"
data-id="<%= id %>"><i class="ace-icon fa fa-star-empty"></i> Favourite data-id="<%= id %>"><i class="ace-icon fa fa-star-empty"></i> Favourite
@@ -103,7 +103,7 @@
</a> </a>
</div> </div>
<% } %> <% } %>
<div class="footer-button"> <div class="footer-button hidden-xs">
<ul class="list-nostyle list-horiz"> <ul class="list-nostyle list-horiz">
<li title="<%= play_count %> Plays" class="stats-item bordered-right"> <li title="<%= play_count %> Plays" class="stats-item bordered-right">
<span class="ace-icon fa fa-play-circle tooltip-success" data-rel="tooltip" <span class="ace-icon fa fa-play-circle tooltip-success" data-rel="tooltip"
@@ -136,11 +136,11 @@
</ul> </ul>
</div> </div>
<% if(can_edit) { %> <% if(can_edit) { %>
<div class="edit-button footer-button-right"> <div class="edit-button footer-button-right hidden-xs">
<a href="/mix/edit/<%= slug %>" class="btn btn-xs" <a href="/mix/edit/<%= slug %>" class="btn btn-xs"
data-id="<%= id %>"><i class="ace-icon fa fa-edit"></i>Edit</a> data-id="<%= id %>"><i class="ace-icon fa fa-edit"></i>Edit</a>
</div> </div>
<div class="delete-button footer-button-right"> <div class="delete-button footer-button-right hidden-xs">
<a data-bypass="true" class="btn btn-xs btn-danger" <a data-bypass="true" class="btn btn-xs btn-danger"
data-id="<%= id %>"><i class="ace-icon fa fa-trash"></i>Delete</a> data-id="<%= id %>"><i class="ace-icon fa fa-trash"></i>Delete</a>
</div> </div>

View File

@@ -1,4 +1,4 @@
<div id="mix-list-heading"></div> <div id="mix-list-heading" class="hidden-xs"></div>
<div class="row"> <div class="row">
<div id="mix-list-body"></div> <div id="mix-list-body"></div>
</div> </div>