Fix TV layout

This commit is contained in:
Fernando Fernández 2020-07-06 19:44:04 +02:00
parent 88d7f52ce7
commit 25b96643cf
4 changed files with 11 additions and 5 deletions

View File

@ -178,6 +178,10 @@
width: 100%;
}
.layout-tv .sectionTabs {
width: 55%;
}
.selectedMediaFolder {
background-color: #f2f2f2 !important;
}
@ -280,6 +284,10 @@
.sectionTabs {
font-size: 83.5%;
}
.layout-tv .sectionTabs {
width: 100%;
}
}
@media all and (min-width: 100em) {

View File

@ -140,7 +140,7 @@ define(['dom', 'browser', 'events', 'emby-tabs', 'emby-button'], function (dom,
var index = 0;
var indexAttribute = selectedIndex == null ? '' : (' data-index="' + selectedIndex + '"');
var tabsHtml = '<div is="emby-tabs"' + indexAttribute + ' class="tabs-viewmenubar"><div class="emby-tabs-slider" style="white-space:nowrap;">' + getTabsFn().map(function (t) {
var tabsHtml = '<div is="emby-tabs"' + indexAttribute + ' class="tabs-viewmenubar"><div class="emby-tabs-slider scrollX" style="white-space:nowrap;">' + getTabsFn().map(function (t) {
var tabClass = 'emby-tab-button';

View File

@ -31,11 +31,8 @@
.emby-tabs-slider {
position: relative;
overflow: hidden;
}
.layout-mobile .emby-tabs-slider {
overflow: auto;
overflow-y: hidden;
}
.tabContent:not(.is-active) {

View File

@ -437,6 +437,7 @@ html {
.layout-desktop ::-webkit-scrollbar {
width: 0.4em;
height: 0.4em;
}
::-webkit-scrollbar-thumb:horizontal,