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

Fix TV layout

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

8
src/assets/css/librarybrowser.css
View file

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

2
src/components/maintabsmanager.js
View file

@ -140,7 +140,7 @@ define(['dom', 'browser', 'events', 'emby-tabs', 'emby-button'], function (dom,
var index = 0; var index = 0;
var indexAttribute = selectedIndex == null ? '' : (' data-index="' + selectedIndex + '"'); 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'; var tabClass = 'emby-tab-button';

5
src/elements/emby-tabs/emby-tabs.css
View file

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

1
src/themes/dark/theme.css
View file

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