mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update detail buttons
This commit is contained in:
parent
3b258484af
commit
5fafcb4ff5
4 changed files with 24 additions and 7 deletions
|
@ -150,7 +150,7 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
|
|||
|
||||
var button = options.rightButtons[i];
|
||||
|
||||
html += '<button is="paper-icon-button-light" class="listItemButton itemAction autoSize" data-action="custom" data-customaction="' + button.id + '" title="' + button.title + '"><i class="md-icon">' + button.icon + '</i></button>';
|
||||
html += '<button is="paper-icon-button-light" class="listItemButton itemAction" data-action="custom" data-customaction="' + button.id + '" title="' + button.title + '"><i class="md-icon">' + button.icon + '</i></button>';
|
||||
}
|
||||
|
||||
return html;
|
||||
|
@ -239,7 +239,7 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
|
|||
html += '<' + outerTagName + ' class="' + cssClass + '"' + playlistItemId + ' data-action="' + action + '" data-isfolder="' + item.IsFolder + '" data-id="' + item.Id + '" data-serverid="' + item.ServerId + '" data-type="' + item.Type + '"' + mediaTypeData + collectionTypeData + channelIdData + positionTicksData + collectionIdData + playlistIdData + '>';
|
||||
|
||||
if (!clickEntireItem && options.dragHandle) {
|
||||
//html += '<button is="paper-icon-button-light" class="listViewDragHandle autoSize listItemButton"><i class="md-icon"></i></button>';
|
||||
//html += '<button is="paper-icon-button-light" class="listViewDragHandle listItemButton"><i class="md-icon"></i></button>';
|
||||
// Firefox and Edge are not allowing the button to be draggable
|
||||
html += '<i class="listViewDragHandle md-icon listItemIcon listItemIcon-transparent"></i>';
|
||||
}
|
||||
|
@ -414,11 +414,11 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
|
|||
if (!clickEntireItem) {
|
||||
|
||||
if (options.addToListButton) {
|
||||
html += '<button is="paper-icon-button-light" class="listItemButton itemAction autoSize" data-action="addtoplaylist"><i class="md-icon"></i></button>';
|
||||
html += '<button is="paper-icon-button-light" class="listItemButton itemAction" data-action="addtoplaylist"><i class="md-icon"></i></button>';
|
||||
}
|
||||
|
||||
if (options.moreButton !== false) {
|
||||
html += '<button is="paper-icon-button-light" class="listItemButton itemAction autoSize" data-action="menu"><i class="md-icon">' + moreIcon + '</i></button>';
|
||||
html += '<button is="paper-icon-button-light" class="listItemButton itemAction" data-action="menu"><i class="md-icon">' + moreIcon + '</i></button>';
|
||||
}
|
||||
|
||||
if (options.rightButtons) {
|
||||
|
|
|
@ -286,7 +286,8 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
}
|
||||
|
||||
.detailUserDataIcons {
|
||||
white-space: nowrap;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.detailImageContainer {
|
||||
|
@ -500,6 +501,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
.mainDetailButtons button, .recordingFields button {
|
||||
margin-left: 0;
|
||||
margin-right: .5em;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.mainDetailButtons.hide + .recordingFields {
|
||||
|
@ -508,9 +510,15 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
|||
|
||||
.mainDetailButtons > .raised {
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
@media all and (min-width: 400px) {
|
||||
|
||||
.mainDetailButtons > .raised {
|
||||
padding-left: 1.5em;
|
||||
padding-right: 1.5em;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
|
|
|
@ -161,3 +161,12 @@
|
|||
.nowPlayingVolumeSliderContainer {
|
||||
width: 6em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
@media all and (max-width: 440px) {
|
||||
|
||||
.playlist .listItemMediaInfo {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
var html = '';
|
||||
|
||||
var isConnectMode = Dashboard.isConnectMode();
|
||||
var isConnectMode = AppInfo.isNativeApp ? true : false;
|
||||
var configPageUrl = configPage ? Dashboard.getConfigurationPageUrl(configPage.Name) : null;
|
||||
|
||||
var href = configPage && !isConnectMode ?
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue