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
3309bc33da
commit
ae765e2aa9
10 changed files with 45 additions and 83 deletions
|
@ -15,12 +15,12 @@
|
|||
},
|
||||
"devDependencies": {},
|
||||
"ignore": [],
|
||||
"version": "1.4.114",
|
||||
"_release": "1.4.114",
|
||||
"version": "1.4.115",
|
||||
"_release": "1.4.115",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "1.4.114",
|
||||
"commit": "cf5d4390c6b08e025aaa3d7086172c483bc440ed"
|
||||
"tag": "1.4.115",
|
||||
"commit": "eaab061d672e114a94c94afcd5e5b3cb9b2e5c13"
|
||||
},
|
||||
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
|
||||
"_target": "^1.2.0",
|
||||
|
|
|
@ -50,7 +50,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider {
|
|||
}
|
||||
|
||||
.mdl-slider::-moz-range-track {
|
||||
background: #666;
|
||||
background: #444;
|
||||
border: none;
|
||||
}
|
||||
|
||||
|
@ -77,7 +77,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider {
|
|||
|
||||
.mdl-slider::-ms-fill-upper {
|
||||
padding: 0;
|
||||
background: linear-gradient(to left, transparent, transparent 16px, #666 16px, #666 0);
|
||||
background: linear-gradient(to left, transparent, transparent 16px, #444 16px, #444 0);
|
||||
}
|
||||
|
||||
.mdl-slider::-webkit-slider-thumb {
|
||||
|
@ -225,7 +225,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider {
|
|||
}
|
||||
|
||||
.mdl-slider:disabled + .mdl-slider__background-flex > .mdl-slider__background-lower {
|
||||
background-color: #666;
|
||||
background-color: #444;
|
||||
left: -6px;
|
||||
}
|
||||
|
||||
|
@ -315,7 +315,7 @@ _:-ms-input-placeholder, :root .mdl-slider.mdl-slider {
|
|||
}
|
||||
|
||||
.mdl-slider__background-upper {
|
||||
background: #666;
|
||||
background: #444;
|
||||
-webkit-flex: 0;
|
||||
-ms-flex: 0;
|
||||
flex: 0;
|
||||
|
|
|
@ -5,14 +5,10 @@
|
|||
<div class="timeslotHeaders smoothScrollX" style="scroll-behavior: auto;"></div>
|
||||
</div>
|
||||
|
||||
<div class="smoothScrollY guideVerticalScroller" style="flex-grow: 1;">
|
||||
|
||||
<div class="programContainer">
|
||||
<div class="channelList"></div>
|
||||
|
||||
<div class="programGridContainer programGrid smoothScrollX" style="white-space: nowrap;">
|
||||
</div>
|
||||
<div class="smoothScrollY guideVerticalScroller programContainer" style="flex-grow: 1;">
|
||||
<div class="channelList"></div>
|
||||
|
||||
<div class="programGridContainer programGrid smoothScrollX" style="white-space: nowrap;">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -10,15 +10,25 @@ define(['actionsheet', 'datetime', 'playbackManager', 'globalize', 'appSettings'
|
|||
var mediaType = item.MediaType;
|
||||
var isFolder = item.IsFolder;
|
||||
var itemId = item.Id;
|
||||
var channelId = item.ChannelId;
|
||||
var serverId = item.ServerId;
|
||||
var resumePositionTicks = item.UserData ? item.UserData.PlaybackPositionTicks : null;
|
||||
|
||||
var showExternalPlayer = isMobileApp && mediaType == 'Video' && !isFolder && appSettings.enableExternalPlayers();
|
||||
|
||||
var playableItemId = itemType == 'Program' ? channelId : itemId;
|
||||
|
||||
if (!resumePositionTicks && mediaType != "Audio" && !isFolder && !showExternalPlayer) {
|
||||
playbackManager.play({
|
||||
items: [item]
|
||||
});
|
||||
if (itemType == 'Program') {
|
||||
playbackManager.play({
|
||||
ids: [channelId],
|
||||
serverId: serverId
|
||||
});
|
||||
} else {
|
||||
playbackManager.play({
|
||||
items: [item]
|
||||
});
|
||||
}
|
||||
return;
|
||||
}
|
||||
|
||||
|
@ -79,18 +89,18 @@ define(['actionsheet', 'datetime', 'playbackManager', 'globalize', 'appSettings'
|
|||
|
||||
case 'play':
|
||||
playbackManager.play({
|
||||
ids: [itemId],
|
||||
serverId: item.ServerId
|
||||
ids: [playableItemId],
|
||||
serverId: serverId
|
||||
});
|
||||
break;
|
||||
case 'externalplayer':
|
||||
LibraryBrowser.playInExternalPlayer(itemId);
|
||||
LibraryBrowser.playInExternalPlayer(playableItemId);
|
||||
break;
|
||||
case 'resume':
|
||||
playbackManager.play({
|
||||
ids: [itemId],
|
||||
ids: [playableItemId],
|
||||
startPositionTicks: resumePositionTicks,
|
||||
serverId: item.ServerId
|
||||
serverId: serverId
|
||||
});
|
||||
break;
|
||||
case 'queue':
|
||||
|
|
|
@ -168,6 +168,7 @@ define(['playbackManager', 'inputManager', 'connectionManager', 'embyRouter', 'g
|
|||
var item = {
|
||||
Type: card.getAttribute('data-type'),
|
||||
Id: card.getAttribute('data-id'),
|
||||
ChannelId: card.getAttribute('data-channelid'),
|
||||
ServerId: card.getAttribute('data-serverid'),
|
||||
MediaType: card.getAttribute('data-mediatype'),
|
||||
IsFolder: card.getAttribute('data-isfolder') == 'true',
|
||||
|
|
|
@ -31,14 +31,14 @@
|
|||
"web-component-tester": "*"
|
||||
},
|
||||
"private": true,
|
||||
"homepage": "https://github.com/polymer/polymer",
|
||||
"homepage": "https://github.com/Polymer/polymer",
|
||||
"_release": "1.6.0",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.6.0",
|
||||
"commit": "8715c83bf04a228de00ec662ed43eb6141e61b91"
|
||||
},
|
||||
"_source": "git://github.com/polymer/polymer.git",
|
||||
"_source": "git://github.com/Polymer/polymer.git",
|
||||
"_target": "^1.1.0",
|
||||
"_originalSource": "polymer/polymer"
|
||||
"_originalSource": "Polymer/polymer"
|
||||
}
|
|
@ -3,23 +3,7 @@
|
|||
text-align: left;
|
||||
position: relative;
|
||||
contain: style;
|
||||
/*box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);*/
|
||||
}
|
||||
|
||||
/*.itemsContainer .card {
|
||||
contain: layout style;
|
||||
}
|
||||
|
||||
.itemsContainer {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.itemsContainer.smoothScrollX, .itemsContainer.hiddenScrollX {
|
||||
display: block;
|
||||
}*/
|
||||
|
||||
.card, .card a {
|
||||
text-decoration: none;
|
||||
font-weight: 400 !important;
|
||||
|
@ -129,26 +113,6 @@
|
|||
opacity: .5;
|
||||
}
|
||||
|
||||
/*.preview-overlay-container {
|
||||
-moz-border-radius: 2px;
|
||||
-webkit-border-radius: 2px;
|
||||
border-radius: 2px;
|
||||
-moz-opacity: 0;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
-webkit-transition: all .25s ease;
|
||||
-moz-transition: all .25s ease;
|
||||
-o-transition: all .25s ease;
|
||||
transition: all .25s ease;
|
||||
background: rgba(0,0,0,0.4);
|
||||
cursor: pointer;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
}*/
|
||||
|
||||
.cardContent .cardFooter {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
|
|
|
@ -353,7 +353,7 @@ body:not(.dashboardDocument) .btnNotifications {
|
|||
}
|
||||
|
||||
.darkDrawer {
|
||||
background-color: #1D1D20 !important;
|
||||
background-color: #1C1C1F !important;
|
||||
/*background-color: rgba(40,40,40,.8) !important;
|
||||
-webkit-backdrop-filter: blur(5px);
|
||||
backdrop-filter: blur(5px);*/
|
||||
|
|
|
@ -59,7 +59,7 @@
|
|||
/* Above everything, except for the video player and popup overlays */
|
||||
z-index: 1097;
|
||||
color: #fff;
|
||||
background-color: #2b2b2b;
|
||||
background-color: #1C1C1F;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
@ -101,12 +101,12 @@
|
|||
}
|
||||
|
||||
.nowPlayingBar, .nowPlayingImage img {
|
||||
height: 80px;
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
.nowPlayingBar .nowPlayingImage {
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
background-position: center center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
|
@ -160,7 +160,7 @@
|
|||
.nowPlayingBarCenter {
|
||||
vertical-align: middle;
|
||||
text-align: center;
|
||||
margin-top: 12px;
|
||||
margin-top: 7px;
|
||||
/* Need this to make sure it's on top of nowPlayingBarPositionContainer so that buttons are fully clickable */
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
|
@ -171,12 +171,16 @@
|
|||
|
||||
.nowPlayingBarPositionContainer {
|
||||
position: absolute !important;
|
||||
left: 80px;
|
||||
left: 70px;
|
||||
top: -8px;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.nowPlayingBarPositionContainer .mdl-slider__background-upper {
|
||||
background: #333;
|
||||
}
|
||||
|
||||
.noMediaProgress .nowPlayingBarPositionContainer {
|
||||
display: none;
|
||||
}
|
||||
|
@ -244,19 +248,6 @@
|
|||
display: none !important;
|
||||
}
|
||||
|
||||
.nowPlayingBar {
|
||||
height: 70px;
|
||||
}
|
||||
|
||||
.nowPlayingBar .nowPlayingImage {
|
||||
height: 70px;
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
.nowPlayingBarPositionContainer {
|
||||
left: 70px;
|
||||
}
|
||||
|
||||
.toggleRepeatButton {
|
||||
display: none;
|
||||
}
|
||||
|
|
|
@ -1481,7 +1481,7 @@
|
|||
text = itemHelper.getDisplayName(item);
|
||||
}
|
||||
|
||||
var html = '<button data-id="' + item.Id + '" data-type="' + item.Type + '" data-mediatype="' + item.MediaType + '" data-isfolder="' + item.IsFolder + '" type="button" class="itemAction textActionButton" data-action="link">';
|
||||
var html = '<button data-id="' + item.Id + '" data-type="' + item.Type + '" data-mediatype="' + item.MediaType + '" data-channelid="' + item.ChannelId + '" data-isfolder="' + item.IsFolder + '" type="button" class="itemAction textActionButton" data-action="link">';
|
||||
html += text;
|
||||
html += '</button>';
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue