cotugno/jellyfin-web
2
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web.git synced 2024-11-18 03:18:19 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix minor issues with card padder icons

Browse Source
This commit is contained in:
Bill Thornton 2022-02-26 01:56:41 -05:00
parent 56080df163
commit e89e92e25c
1 changed files with 10 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/cardbuilder/cardBuilder.js
View File

@ -1354,8 +1354,13 @@ import ServerConnections from '../ServerConnections';
let cardPadderIcon = ''; let cardPadderIcon = '';
if (imgUrl) { // TV Channel logos are transparent so skip the placeholder to avoid overlapping
cardPadderIcon = getDefaultText(item, options); if (imgUrl && item.Type !== 'TvChannel') {
cardPadderIcon = getDefaultText(item, {
...options,
// Always use an icon
defaultCardImageIcon: 'folder'
});
} }
cardImageContainerOpen = `<div class="${cardBoxClass}"><div class="${cardScalableClass}"><div class="cardPadder cardPadder-${shape}">${cardPadderIcon}</div>${cardImageContainerOpen}`; cardImageContainerOpen = `<div class="${cardBoxClass}"><div class="${cardScalableClass}"><div class="cardPadder cardPadder-${shape}">${cardPadderIcon}</div>${cardImageContainerOpen}`;
@ -1514,6 +1519,8 @@ import ServerConnections from '../ServerConnections';
case 'Episode': case 'Episode':
case 'Series': case 'Series':
return '<span class="cardImageIcon material-icons tv" aria-hidden="true"></span>'; return '<span class="cardImageIcon material-icons tv" aria-hidden="true"></span>';
case 'Program':
return '<span class="cardImageIcon material-icons live_tv" aria-hidden="true"></span>';
case 'Book': case 'Book':
return '<span class="cardImageIcon material-icons book" aria-hidden="true"></span>'; return '<span class="cardImageIcon material-icons book" aria-hidden="true"></span>';
case 'Folder': case 'Folder':
@ -1526,7 +1533,7 @@ import ServerConnections from '../ServerConnections';
return '<span class="cardImageIcon material-icons photo_album" aria-hidden="true"></span>'; return '<span class="cardImageIcon material-icons photo_album" aria-hidden="true"></span>';
} }
if (options && options.defaultCardImageIcon) { if (options?.defaultCardImageIcon) {
return '<span class="cardImageIcon material-icons ' + options.defaultCardImageIcon + '" aria-hidden="true"></span>'; return '<span class="cardImageIcon material-icons ' + options.defaultCardImageIcon + '" aria-hidden="true"></span>';
} }