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

update detail buttons

Browse source
This commit is contained in:
Luke Pulverenti 2017-01-24 01:13:48 -05:00
parent 3b258484af
commit 5fafcb4ff5
4 changed files with 24 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

8
dashboard-ui/bower_components/emby-webcomponents/listview/listview.js vendored
View file

@ -150,7 +150,7 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
var button = options.rightButtons[i]; 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; 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 + '>'; 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) { if (!clickEntireItem && options.dragHandle) {
//html += '<button is="paper-icon-button-light" class="listViewDragHandle autoSize listItemButton"><i class="md-icon">&#xE25D;</i></button>'; //html += '<button is="paper-icon-button-light" class="listViewDragHandle listItemButton"><i class="md-icon">&#xE25D;</i></button>';
// Firefox and Edge are not allowing the button to be draggable // Firefox and Edge are not allowing the button to be draggable
html += '<i class="listViewDragHandle md-icon listItemIcon listItemIcon-transparent">&#xE25D;</i>'; html += '<i class="listViewDragHandle md-icon listItemIcon listItemIcon-transparent">&#xE25D;</i>';
} }
@ -414,11 +414,11 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
if (!clickEntireItem) { if (!clickEntireItem) {
if (options.addToListButton) { if (options.addToListButton) {
html += '<button is="paper-icon-button-light" class="listItemButton itemAction autoSize" data-action="addtoplaylist"><i class="md-icon">&#xE03B;</i></button>'; html += '<button is="paper-icon-button-light" class="listItemButton itemAction" data-action="addtoplaylist"><i class="md-icon">&#xE03B;</i></button>';
} }
if (options.moreButton !== false) { 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) { if (options.rightButtons) {

10
dashboard-ui/css/librarybrowser.css
View file

@ -286,7 +286,8 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
} }
.detailUserDataIcons { .detailUserDataIcons {
white-space: nowrap; display: flex;
align-items: center;
} }
.detailImageContainer { .detailImageContainer {
@ -500,6 +501,7 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.mainDetailButtons button, .recordingFields button { .mainDetailButtons button, .recordingFields button {
margin-left: 0; margin-left: 0;
margin-right: .5em; margin-right: .5em;
flex-shrink: 0;
} }
.mainDetailButtons.hide + .recordingFields { .mainDetailButtons.hide + .recordingFields {
@ -508,9 +510,15 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
.mainDetailButtons > .raised { .mainDetailButtons > .raised {
justify-content: center; justify-content: center;
}
@media all and (min-width: 400px) {
.mainDetailButtons > .raised {
padding-left: 1.5em; padding-left: 1.5em;
padding-right: 1.5em; padding-right: 1.5em;
} }
}
@media all and (min-width: 800px) { @media all and (min-width: 800px) {

11
dashboard-ui/css/nowplaying.css
View file

@ -160,4 +160,13 @@
.nowPlayingVolumeSliderContainer { .nowPlayingVolumeSliderContainer {
width: 6em; width: 6em;
} }
@media all and (max-width: 440px) {
.playlist .listItemMediaInfo {
display: none !important;
}
}

2
dashboard-ui/scripts/pluginspage.js
View file

@ -37,7 +37,7 @@
var html = ''; var html = '';
var isConnectMode = Dashboard.isConnectMode(); var isConnectMode = AppInfo.isNativeApp ? true : false;
var configPageUrl = configPage ? Dashboard.getConfigurationPageUrl(configPage.Name) : null; var configPageUrl = configPage ? Dashboard.getConfigurationPageUrl(configPage.Name) : null;
var href = configPage && !isConnectMode ? var href = configPage && !isConnectMode ?