PonyMirrors/Pony.fm
1
0
Fork 0
mirror of https://github.com/Poniverse/Pony.fm.git synced 2024-11-22 21:18:00 +01:00
Code Issues Projects Releases Packages Wiki Activity

Sizing updates

Browse source
This commit is contained in:
Josef Citrine 2016-07-11 02:04:53 +01:00
parent 2ab4d8f7b8
commit bd07c5ca98
7 changed files with 31 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/templates/directives/users-list.html
View file

@ -1,7 +1,7 @@
<ul class="users-listing">
<li class="artist" ng-class="{'x-archived': user.is_archived}" ng-repeat="user in users track by user.id">
<a ng-href="{{::user.url}}">
<img class="image" pfm-src-loader="user.avatars.small" pfm-src-size="small" />
<img class="image" pfm-src-loader="user.avatars.normal" pfm-src-size="normal" />
<span class="info">
<span class="title">{{::user.name}}</span>
<span ng-hide="user.is_archived" class="published">

2
public/templates/playlists/index.html
View file

@ -1,5 +1,5 @@
<ul class="dropdowns">
<li class="dropdown" ng-class="{'has-filter': !query.filters.sort.isDefault}">
<li class="dropdown filterable" ng-class="{'has-filter': !query.filters.sort.isDefault}">
<a class="dropdown-toggle btn btn-default" bs-dropdown>
Order: <strong>{{query.filters.sort.title}}</strong>
</a>

10
public/templates/tracks/index.html
View file

@ -1,5 +1,5 @@
<ul class="dropdowns">
<li class="dropdown" ng-class="{'has-filter': query.filters.trackTypes.selectedArray.length}">
<li class="dropdown filterable" ng-class="{'has-filter': query.filters.trackTypes.selectedArray.length}">
<a class="dropdown-toggle btn btn-default" bs-dropdown>
Type: <strong>{{query.filters.trackTypes.title}}</strong>
</a>
@ -13,7 +13,7 @@
</li>
</ul>
</li>
<li class="dropdown" ng-class="{'has-filter': query.filters.showSongs.selectedArray.length}">
<li class="dropdown filterable" ng-class="{'has-filter': query.filters.showSongs.selectedArray.length}">
<a class="dropdown-toggle btn btn-default" bs-dropdown>
Show Songs: <strong>{{query.filters.showSongs.title}}</strong>
</a>
@ -27,7 +27,7 @@
</li>
</ul>
</li>
<li class="dropdown" ng-class="{'has-filter': query.filters.genres.selectedArray.length}">
<li class="dropdown filterable" ng-class="{'has-filter': query.filters.genres.selectedArray.length}">
<a class="dropdown-toggle btn btn-default" bs-dropdown>
Genre: <strong>{{query.filters.genres.title}}</strong>
</a>
@ -39,7 +39,7 @@
</li>
</ul>
</li>
<li class="dropdown" ng-class="{'has-filter': !query.filters.isVocal.isDefault}">
<li class="dropdown filterable" ng-class="{'has-filter': !query.filters.isVocal.isDefault}">
<a class="dropdown-toggle btn btn-default" bs-dropdown>
Is Vocal: <strong>{{query.filters.isVocal.title}}</strong>
</a>
@ -52,7 +52,7 @@
</li>
</ul>
</li>
<li class="dropdown" ng-class="{'has-filter': !query.filters.sort.isDefault}">
<li class="dropdown filterable" ng-class="{'has-filter': !query.filters.sort.isDefault}">
<a class="dropdown-toggle btn btn-default" bs-dropdown>
Order: <strong>{{query.filters.sort.title}}</strong>
</a>

11
resources/assets/styles/components/components.less vendored
View file

@ -76,11 +76,16 @@
> .btn {
background: @pfm-purple;
color: #fff;
border-radius: 0 15px 15px 0;
}
> .dropdown-toggle {
border-radius: 15px 0 0 15px;
&.filterable {
> .btn {
border-radius: 0 15px 15px 0;
}
> .dropdown-toggle {
border-radius: 15px 0 0 15px;
}
}
.dropdown-menu {

4
resources/assets/styles/content.less vendored
View file

@ -67,8 +67,8 @@
li {
.box-sizing(border-box);
float: left;
width: 25%;
padding: 0px;
width: 12.5%;
margin: 10px;
line-height: normal;
.material-shadow(1);
border-radius: 2px;

1
resources/assets/styles/layout.less vendored
View file

@ -203,6 +203,7 @@ header {
padding: 12px 0 12px 22px;
overflow: hidden;
color: fadeout(#fff, 20%);
font-size: 14px;
&:hover {
color: #fff;

14
resources/assets/styles/mobile.less vendored
View file

@ -414,8 +414,20 @@
left: 16px;
}
.albums-listing {
.albums-listing, .playlists-listing, .users-listing {
width: 100% !important;
li {
a img {
width: 60px;
float: left;
}
.info {
margin-left: 60px;
padding: 2px 5px;
}
}
}
}