1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00

update card layouts

This commit is contained in:
Luke Pulverenti 2016-08-11 16:28:49 -04:00
parent 614e07a81d
commit cee7db2ce0
29 changed files with 194 additions and 71 deletions

View file

@ -320,7 +320,7 @@
html += '<div class="cardBox visualCardBox">';
html += '<div class="cardScalable">';
html += '<div class="cardPadder"></div>';
html += '<div class="cardPadder cardPadder-backdrop"></div>';
html += '<div class="cardContent">';
html += '<div class="sessionNowPlayingContent"';

View file

@ -1828,7 +1828,7 @@
imgUrl = "css/images/items/detail/video.png";
}
html += '<div class="cardPadder"></div>';
html += '<div class="cardPadder cardPadder-backdrop"></div>';
html += '<div class="cardContent">';
html += '<div class="cardImage lazy" data-src="' + imgUrl + '"></div>';

View file

@ -133,7 +133,7 @@
html += '<div class="cardScalable">';
html += '<div class="cardPadder"></div>';
html += '<div class="cardPadder cardPadder-square"></div>';
html += '<a class="cardContent" href="#" data-ajax="false" data-haspw="' + user.HasPassword + '" data-username="' + user.Name + '" data-userid="' + user.Id + '">';
var imgUrl;

View file

@ -300,7 +300,7 @@
html += '<div class="cardBox visualCardBox">';
html += '<div class="cardScalable">';
html += '<div class="cardPadder"></div>';
html += '<div class="cardPadder cardPadder-backdrop"></div>';
html += '<div class="cardContent">';
var imgUrl = '';

View file

@ -500,7 +500,7 @@
var chapterHtml = '<a class="card backdropCard chapterCard" href="#" style="margin-right:1em;width:' + width + 'px;" data-position="' + c.StartPositionTicks + '">';
chapterHtml += '<div class="cardBox">';
chapterHtml += '<div class="cardScalable">';
chapterHtml += '<div class="cardPadder"></div>';
chapterHtml += '<div class="cardPadder cardPadder-backdrop"></div>';
chapterHtml += '<div class="cardContent">';

View file

@ -191,7 +191,7 @@
html += '<div class="cardBox visualCardBox">';
html += '<div class="cardScalable">';
html += '<div class="cardPadder"></div>';
html += '<div class="cardPadder cardPadder-backdrop"></div>';
html += '<a class="cardContent" href="' + href + '"' + target + '>';
if (plugin.thumbImage) {

View file

@ -48,7 +48,7 @@
html += '<div class="cardBox visualCardBox">';
html += '<div class="cardScalable">';
html += '<div class="cardPadder"></div>';
html += '<div class="cardPadder cardPadder-backdrop"></div>';
if (href) {
html += '<a class="cardContent" href="' + href + '">';

View file

@ -192,7 +192,7 @@
function getCard(img, target, shape) {
shape = shape || 'backdropCard';
var html = '<div class="card scalableCard ' + shape + '"><div class="cardBox"><div class="cardScalable"><div class="cardPadder"></div>';
var html = '<div class="card scalableCard ' + shape + '"><div class="cardBox"><div class="cardScalable"><div class="cardPadder cardPadder-backdrop"></div>';
if (target) {
html += '<a class="cardContent" href="' + target + '" target="_blank">';

View file

@ -65,7 +65,7 @@
html += '<div class="' + cardBoxCssClass + '">';
html += '<div class="cardScalable">';
html += '<div class="cardPadder"></div>';
html += '<div class="cardPadder cardPadder-square"></div>';
syncJobPage += '?id=' + job.Id;

View file

@ -96,7 +96,7 @@
html += '<div class="cardBox visualCardBox">';
html += '<div class="cardScalable">';
html += '<div class="cardPadder"></div>';
html += '<div class="cardPadder cardPadder-square"></div>';
var href = "useredit.html?userId=" + user.Id + "";
html += '<a class="cardContent" href="' + href + '">';
@ -237,7 +237,7 @@
html += '<div class="cardBox visualCardBox">';
html += '<div class="cardScalable">';
html += '<div class="cardPadder"></div>';
html += '<div class="cardPadder cardPadder-square"></div>';
var href = "#";
html += '<a class="cardContent" href="' + href + '">';