mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update components
This commit is contained in:
parent
6f21a963ea
commit
823f69bb92
68 changed files with 303 additions and 388 deletions
|
@ -14,19 +14,8 @@
|
|||
padding: .5em;
|
||||
color: #fff;
|
||||
text-align: left;
|
||||
|
||||
}
|
||||
|
||||
.cardOverlayInner button:last-child {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
|
||||
.cardOverlayInner p {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.cardOverlayMediaInfo {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
@ -41,16 +30,16 @@
|
|||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.cardOverlayButtons .fab {
|
||||
background-color: #282828;
|
||||
margin-right: .25em;
|
||||
}
|
||||
.cardOverlayFab {
|
||||
background-color: #282828 !important;
|
||||
margin-right: .25em !important;
|
||||
}
|
||||
|
||||
.cardOverlayButtons .fab i.md-icon {
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
font-size: 20px !important;
|
||||
}
|
||||
.cardOverlayFab-md-icon {
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
font-size: 30px !important;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1200px) {
|
||||
|
||||
|
|
|
@ -127,22 +127,24 @@
|
|||
|
||||
if (playbackManager.canPlay(item)) {
|
||||
|
||||
html += '<button is="emby-button" class="itemAction autoSize fab mini" data-action="playmenu"><i class="md-icon"></i></button>';
|
||||
html += '<button is="emby-button" class="itemAction autoSize fab cardOverlayFab mini" data-action="playmenu"><i class="md-icon cardOverlayFab-md-icon"></i></button>';
|
||||
buttonCount++;
|
||||
}
|
||||
|
||||
if (item.LocalTrailerCount) {
|
||||
html += '<button title="' + globalize.translate('sharedcomponents#Trailer') + '" is="emby-button" class="itemAction autoSize fab mini" data-action="playtrailer"><i class="md-icon"></i></button>';
|
||||
html += '<button title="' + globalize.translate('sharedcomponents#Trailer') + '" is="emby-button" class="itemAction autoSize fab cardOverlayFab mini" data-action="playtrailer"><i class="md-icon cardOverlayFab-md-icon"></i></button>';
|
||||
buttonCount++;
|
||||
}
|
||||
|
||||
var moreIcon = appHost.moreIcon == 'dots-horiz' ? '' : '';
|
||||
html += '<button is="emby-button" class="itemAction autoSize fab mini" data-action="menu" data-playoptions="false"><i class="md-icon">' + moreIcon + '</i></button>';
|
||||
html += '<button is="emby-button" class="itemAction autoSize fab cardOverlayFab mini" data-action="menu" data-playoptions="false"><i class="md-icon cardOverlayFab-md-icon">' + moreIcon + '</i></button>';
|
||||
buttonCount++;
|
||||
|
||||
html += userdataButtons.getIconsHtml({
|
||||
item: item,
|
||||
style: 'fab-mini'
|
||||
style: 'fab-mini',
|
||||
cssClass: 'cardOverlayFab',
|
||||
iconCssClass: 'cardOverlayFab-md-icon'
|
||||
});
|
||||
|
||||
html += '</div>';
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue