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

update components

This commit is contained in:
Luke Pulverenti 2016-12-29 14:56:19 -05:00
parent d00ed609ea
commit 94f609da91
3 changed files with 16 additions and 20 deletions

View file

@ -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",

View file

@ -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;
} }

View file

@ -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);
} }