github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-07-07 21:51:14 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #83 from JonnyWong16/dev

Browse source 
Fixed recently added and recently watched posters.
This commit is contained in:
drzoidberg33 2015-08-17 22:38:31 +02:00
commit c0214f1489
3 changed files with 63 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

53
data/interfaces/default/css/plexpy.css
View file

@ -407,39 +407,31 @@ input[type="color"],
}
.poster {
float: left;
min-height: 232px;
min-width: 155px;
min-height: 225px;
min-width: 150px;
margin-bottom: 8px;
position: relative;
}
.poster-face img {
bottom: 0;
overflow: hidden;
.poster-face {
background-position: center;
background-size: cover;
height: 225px;
width: 153px;
width: 150px;
position: relative;
webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
-moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
}
.cover-face {
background-position: center;
background-size: cover;
height: 150px;
width: 150px;
position: absolute;
bottom: 5px;
left: 0;
border: 1px solid rgba(128, 128, 128, 0.3);
}
.poster-face img:hover {
webkit-box-shadow: 0 0 0 2px #e9a049;
-moz-box-shadow: 0 0 0 2px #e9a049;
box-shadow: 0 0 0 2px #e9a049;
}
.cover-face img {
bottom: 0;
overflow: hidden;
height: 153px;
width: 153px;
border: 1px solid rgba(128, 128, 128, 0.3);
position: absolute;
bottom: 5px;
left: 0;
}
.cover-face img:hover {
webkit-box-shadow: 0 0 0 2px #e9a049;
-moz-box-shadow: 0 0 0 2px #e9a049;
box-shadow: 0 0 0 2px #e9a049;
webkit-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
-moz-box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
box-shadow: 0 0 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1);
}
.users-poster-face img {
bottom: 0;
@ -630,6 +622,11 @@ input[type="color"],
}
.dashboard-recent-media-instance {
}
.dashboard-recent-media-instance a:hover .poster-face {
webkit-box-shadow: inset 0 0 0 2px #e9a049;
-moz-box-shadow: inset 0 0 0 2px #e9a049;
box-shadow: inset 0 0 0 2px #e9a049;
}
.dashboard-recent-media li {
margin-right: 27px;
position: relative;

46
data/interfaces/default/recently_added.html
View file

@ -29,29 +29,31 @@ DOCUMENTATION :: END
% for item in data:
<div class="dashboard-recent-media-instance">
<li>
<div class="poster">
% if item['type'] == 'season' or item['type'] == 'movie':
<div class="poster-face">
<a href="info?item_id=${item['rating_key']}">
<img src="pms_image_proxy?img=${item['thumb']}&width=300&height=450&fallback=poster" class="poster-face">
</a>
% if item['type'] == 'season' or item['type'] == 'movie':
<a href="info?item_id=${item['rating_key']}">
<div class="poster">
<div class="poster-face" style="background-image: url(pms_image_proxy?img=${item['thumb']}&width=300&height=450&fallback=poster);"></div>
</div>
% elif item['type'] == 'album':
<div class="cover-face">
<img src="pms_image_proxy?img=${item['thumb']}&width=300&height=300&fallback=cover" class="cover-face">
</div>
% endif
</div>
<div class="dashboard-recent-media-metacontainer">
% if item['type'] == 'season':
<h3>${item['parent_title']} - ${item['title']}</h3>
% elif item['type'] == 'album':
<h3>${item['title']}</h3>
% elif item['type'] == 'movie':
<h3>${item['title']} (${item['year']})</h3>
% endif
<div class="text-muted" id="added_at-${item['rating_key']}">${item['added_at']}</div>
</div>
<div class="dashboard-recent-media-metacontainer">
% if item['type'] == 'season':
<h3>${item['parent_title']}</h3>
<h3>(${item['title']})</h3>
% elif item['type'] == 'movie':
<h3>${item['title']}</h3>
<h3>(${item['year']})</h3>
% endif
<div class="text-muted" id="added_at-${item['rating_key']}">${item['added_at']}</div>
</div>
</a>
% elif item['type'] == 'album':
<div class="poster">
<div class="cover-face" style="background-image: url(pms_image_proxy?img=${item['thumb']}&width=300&height=300&fallback=cover);"></div>
</div>
<div class="dashboard-recent-media-metacontainer">
<h3>${item['title']}</h3>
<div class="text-muted" id="added_at-${item['rating_key']}">${item['added_at']}</div>
</div>
% endif
</li>
</div>
<script>

28
data/interfaces/default/user_recently_watched.html
View file

@ -33,21 +33,21 @@ DOCUMENTATION :: END
% for item in data:
<div class="dashboard-recent-media-instance">
<li>
<div class="poster">
<div class="poster-face">
<a href="info?source=history&item_id=${item['row_id']}">
<img src="pms_image_proxy?img=${item['thumb']}&width=300&height=450&fallback=poster" class="poster-face">
</a>
<a href="info?source=history&item_id=${item['row_id']}">
<div class="poster">
<div class="poster-face" style="background-image: url(pms_image_proxy?img=${item['thumb']}&width=300&height=450&fallback=poster);"></div>
</div>
</div>
<div class="dashboard-recent-media-metacontainer">
% if item['type'] == 'episode':
<h3>Season ${item['parentIndex']}, Episode ${item['index']}</h3>
% elif item['type'] == 'movie':
<h3>${item['title']} (${item['year']})</h3>
% endif
<div class="text-muted" id="time-${item['time']}">${item['time']}</div>
</div>
<div class="dashboard-recent-media-metacontainer">
% if item['type'] == 'episode':
<h3>${item['title']}</h3>
<h3>(Season ${item['parentIndex']}, Episode ${item['index']})</h3>
% elif item['type'] == 'movie':
<h3>${item['title']}</h3>
<h3>(${item['year']})</h3>
% endif
<div class="text-muted" id="time-${item['time']}">${item['time']}</div>
</div>
</a>
</li>
</div>
<script>