PonyMirrors/Pony.fm
1
0
Fork 0
mirror of https://github.com/Poniverse/Pony.fm.git synced 2024-11-23 05:27:59 +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"> <ul class="users-listing">
<li class="artist" ng-class="{'x-archived': user.is_archived}" ng-repeat="user in users track by user.id"> <li class="artist" ng-class="{'x-archived': user.is_archived}" ng-repeat="user in users track by user.id">
<a ng-href="{{::user.url}}"> <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="info">
<span class="title">{{::user.name}}</span> <span class="title">{{::user.name}}</span>
<span ng-hide="user.is_archived" class="published"> <span ng-hide="user.is_archived" class="published">

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

@ -1,5 +1,5 @@
<ul class="dropdowns"> <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> <a class="dropdown-toggle btn btn-default" bs-dropdown>
Order: <strong>{{query.filters.sort.title}}</strong> Order: <strong>{{query.filters.sort.title}}</strong>
</a> </a>

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

@ -1,5 +1,5 @@
<ul class="dropdowns"> <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> <a class="dropdown-toggle btn btn-default" bs-dropdown>
Type: <strong>{{query.filters.trackTypes.title}}</strong> Type: <strong>{{query.filters.trackTypes.title}}</strong>
</a> </a>
@ -13,7 +13,7 @@
</li> </li>
</ul> </ul>
</li> </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> <a class="dropdown-toggle btn btn-default" bs-dropdown>
Show Songs: <strong>{{query.filters.showSongs.title}}</strong> Show Songs: <strong>{{query.filters.showSongs.title}}</strong>
</a> </a>
@ -27,7 +27,7 @@
</li> </li>
</ul> </ul>
</li> </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> <a class="dropdown-toggle btn btn-default" bs-dropdown>
Genre: <strong>{{query.filters.genres.title}}</strong> Genre: <strong>{{query.filters.genres.title}}</strong>
</a> </a>
@ -39,7 +39,7 @@
</li> </li>
</ul> </ul>
</li> </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> <a class="dropdown-toggle btn btn-default" bs-dropdown>
Is Vocal: <strong>{{query.filters.isVocal.title}}</strong> Is Vocal: <strong>{{query.filters.isVocal.title}}</strong>
</a> </a>
@ -52,7 +52,7 @@
</li> </li>
</ul> </ul>
</li> </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> <a class="dropdown-toggle btn btn-default" bs-dropdown>
Order: <strong>{{query.filters.sort.title}}</strong> Order: <strong>{{query.filters.sort.title}}</strong>
</a> </a>

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

@ -76,12 +76,17 @@
> .btn { > .btn {
background: @pfm-purple; background: @pfm-purple;
color: #fff; color: #fff;
}
&.filterable {
> .btn {
border-radius: 0 15px 15px 0; border-radius: 0 15px 15px 0;
} }
> .dropdown-toggle { > .dropdown-toggle {
border-radius: 15px 0 0 15px; border-radius: 15px 0 0 15px;
} }
}
.dropdown-menu { .dropdown-menu {
.material-shadow(2); .material-shadow(2);

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

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

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

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

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

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