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
d00ed609ea
commit
94f609da91
3 changed files with 16 additions and 20 deletions
|
@ -14,12 +14,12 @@
|
||||||
},
|
},
|
||||||
"devDependencies": {},
|
"devDependencies": {},
|
||||||
"ignore": [],
|
"ignore": [],
|
||||||
"version": "1.4.407",
|
"version": "1.4.408",
|
||||||
"_release": "1.4.407",
|
"_release": "1.4.408",
|
||||||
"_resolution": {
|
"_resolution": {
|
||||||
"type": "version",
|
"type": "version",
|
||||||
"tag": "1.4.407",
|
"tag": "1.4.408",
|
||||||
"commit": "12e9ff329e1589da29b56316810c2984eaf681ce"
|
"commit": "d522bced383a879f2d9f9fdf6344ed8e739d93e0"
|
||||||
},
|
},
|
||||||
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
|
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
|
||||||
"_target": "^1.2.1",
|
"_target": "^1.2.1",
|
||||||
|
|
|
@ -79,7 +79,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 2px;
|
height: 2px;
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-left: .65vh;
|
margin-left: .25em;
|
||||||
background-color: #52B54B;
|
background-color: #52B54B;
|
||||||
height: 2px;
|
height: 2px;
|
||||||
transform-origin: left;
|
transform-origin: left;
|
||||||
|
@ -88,10 +88,10 @@
|
||||||
|
|
||||||
.currentTimeIndicatorArrowContainer {
|
.currentTimeIndicatorArrowContainer {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: -1vh;
|
bottom: -.4em;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
color: #52B54B;
|
color: #52B54B;
|
||||||
margin-left: .65vh;
|
margin-left: .25em;
|
||||||
transform-origin: left;
|
transform-origin: left;
|
||||||
transition: transform 500ms ease-out;
|
transition: transform 500ms ease-out;
|
||||||
}
|
}
|
||||||
|
@ -102,11 +102,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.currentTimeIndicatorArrow {
|
.currentTimeIndicatorArrow {
|
||||||
width: 3vh;
|
width: 1em;
|
||||||
height: 3vh;
|
height: 1em;
|
||||||
font-size: 3vh;
|
font-size: 1.2em;
|
||||||
color: #52B54B;
|
color: #52B54B;
|
||||||
margin-left: -1.5vh;
|
margin-left: -.52em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.channelPrograms, .timeslotHeadersInner {
|
.channelPrograms, .timeslotHeadersInner {
|
||||||
|
@ -196,7 +196,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.channelHeaderCell {
|
.channelHeaderCell {
|
||||||
border-bottom: .65vh solid #121212 !important;
|
border-bottom: .25em solid #121212 !important;
|
||||||
background-size: auto 70%;
|
background-size: auto 70%;
|
||||||
background-position: 92% center;
|
background-position: 92% center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
@ -255,8 +255,8 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
/* Unfortunately the borders using vh get rounded while the bottom property doesn't. So this is a little hack to try and make them even*/
|
/* Unfortunately the borders using vh get rounded while the bottom property doesn't. So this is a little hack to try and make them even*/
|
||||||
bottom: .59vh;
|
bottom: .236em;
|
||||||
border-left: .65vh solid #121212 !important;
|
border-left: .25em solid #121212 !important;
|
||||||
background-color: rgba(32, 32, 32, .95);
|
background-color: rgba(32, 32, 32, .95);
|
||||||
display: flex;
|
display: flex;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
@ -364,14 +364,10 @@
|
||||||
.channelsContainer {
|
.channelsContainer {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
}
|
|
||||||
|
|
||||||
.channelList {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.channelList, .programGrid {
|
.channelsContainer, .programGrid {
|
||||||
contain: layout style;
|
contain: layout style;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -623,7 +623,7 @@
|
||||||
html += '</button>';
|
html += '</button>';
|
||||||
}
|
}
|
||||||
|
|
||||||
var channelList = context.querySelector('.channelList');
|
var channelList = context.querySelector('.channelsContainer');
|
||||||
channelList.innerHTML = html;
|
channelList.innerHTML = html;
|
||||||
imageLoader.lazyChildren(channelList);
|
imageLoader.lazyChildren(channelList);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue