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-12 00:26:13 +01:00
parent ea4624d8c0
commit c3762bb7ad
4 changed files with 18 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
public/templates/directives/player.html
View file

@ -25,7 +25,7 @@
<div class="image"> <div class="image">
<div class="loader" ng-class="{showing: player.currentTrack.loadingProgress == 0}"><i class="fa fa-spin fa-rotate-right"></i></div> <div class="loader" ng-class="{showing: player.currentTrack.loadingProgress == 0}"><i class="fa fa-spin fa-rotate-right"></i></div>
<a colorbox ng-href="{{player.currentTrack.covers.original}}" pfm-eat-click> <a colorbox ng-href="{{player.currentTrack.covers.original}}" pfm-eat-click>
<img pfm-src-loader="player.currentTrack.covers.thumbnail" pfm-src-size="thumbnail" /> <img pfm-src-loader="player.currentTrack.covers.small" pfm-src-size="small" />
</a> </a>
</div> </div>
<div class="inner"> <div class="inner">

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

@ -1,7 +1,7 @@
<ul class="playlists-listing {{::class}}"> <ul class="playlists-listing {{::class}}">
<li ng-repeat="playlist in playlists track by playlist.id"> <li ng-repeat="playlist in playlists track by playlist.id">
<a ng-href="{{::playlist.url}}"> <a ng-href="{{::playlist.url}}">
<img class="image" pfm-src-loader="::playlist.covers.small" pfm-src-size="small" /> <img class="image" pfm-src-loader="::playlist.covers.normal" pfm-src-size="normal" />
<span class="info"> <span class="info">
<span class="title">{{::playlist.title}}</span> <span class="title">{{::playlist.title}}</span>
<span class="published"> <span class="published">

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

@ -29,7 +29,7 @@
} }
li { li {
width: 33.33333%; width: 30%;
} }
} }
} }
@ -44,8 +44,7 @@
} }
li { li {
width: auto; width: 44%;
float: none;
} }
} }
} }
@ -133,6 +132,10 @@
background: #ddd; background: #ddd;
} }
} }
&.empty {
box-shadow: 0 0 0 transparent;
}
} }
} }
@ -187,6 +190,10 @@
&.x-archived { &.x-archived {
background: #eee; background: #eee;
} }
.albums-listing li {
width: 22%;
}
} }
.share-buttons { .share-buttons {

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

@ -293,9 +293,10 @@
.notification-pullout { .notification-pullout {
left: 0; left: 0;
top: 108px;
width: 100%; width: 100%;
height: ~"calc(100% - 128px)"; height: ~"calc(100% - 172px)";
transform: translateY(-105%) translateZ(0); transform: translateY(-120%) translateZ(0);
&.active { &.active {
transform: translateY(0) translateZ(0); transform: translateY(0) translateZ(0);
@ -387,10 +388,6 @@
.secondary-content { .secondary-content {
margin-top: 5px; margin-top: 5px;
} }
.albums-listing {
width: 50% !important;
}
} }
// Super small phones like the iPhone 5 // Super small phones like the iPhone 5
@ -435,6 +432,9 @@
width: 100% !important; width: 100% !important;
li { li {
width: 97% !important;
margin: 5px;
a img { a img {
width: 60px; width: 60px;
float: left; float: left;