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 issue with tv layout and remove blur effect from most themes

Browse source
This commit is contained in:
dkanada 2020-01-05 15:27:39 +09:00
parent 30ca4a3290
commit d2f478b200
8 changed files with 8 additions and 70 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/emby-scroller/emby-scroller.css
View file

@ -13,11 +13,10 @@
margin-right: 1.2em; margin-right: 1.2em;
} }
@media all and (max-width:50em) { .layout-tv .emby-scroller,
.emby-scroller { .layout-mobile .emby-scroller {
padding-left: 3.3%; padding-left: 3.3%;
padding-right: 3.3%; padding-right: 3.3%;
margin-left: 0; margin-left: 0;
margin-right: 0; margin-right: 0;
} }
}

19
src/components/themes/appletv/theme.css
View file

@ -29,17 +29,6 @@ html {
background: linear-gradient(to right, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB) background: linear-gradient(to right, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB)
} }
@supports (backdrop-filter:blur(1.5em)) or (-webkit-backdrop-filter:blur(1.5em)) {
.skinHeader-blurred {
background: -webkit-gradient(linear, left top, right top, from(rgba(188, 188, 188, .7)), color-stop(rgba(167, 180, 183, .7)), color-stop(rgba(190, 181, 165, .7)), color-stop(rgba(173, 190, 194, .7)), to(rgba(185, 199, 203, .7)));
background: -webkit-linear-gradient(left, rgba(188, 188, 188, .7), rgba(167, 180, 183, .7), rgba(190, 181, 165, .7), rgba(173, 190, 194, .7), rgba(185, 199, 203, .7));
background: -o-linear-gradient(left, rgba(188, 188, 188, .7), rgba(167, 180, 183, .7), rgba(190, 181, 165, .7), rgba(173, 190, 194, .7), rgba(185, 199, 203, .7));
background: linear-gradient(to right, rgba(188, 188, 188, .7), rgba(167, 180, 183, .7), rgba(190, 181, 165, .7), rgba(173, 190, 194, .7), rgba(185, 199, 203, .7));
-webkit-backdrop-filter: blur(1.5em);
backdrop-filter: blur(1.5em)
}
}
.skinHeader.semiTransparent { .skinHeader.semiTransparent {
-webkit-backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
backdrop-filter: none !important backdrop-filter: none !important
@ -206,14 +195,6 @@ html {
background: linear-gradient(to right, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB) background: linear-gradient(to right, #BCBCBC, #A7B4B7, #BEB5A5, #ADBEC2, #B9C7CB)
} }
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
.appfooter-blurred {
background: rgba(24, 24, 24, .7);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px)
}
}
.nowPlayingBarSecondaryText { .nowPlayingBarSecondaryText {
color: #999 color: #999
} }

3
src/components/themes/blueradiance/theme.css
View file

@ -183,8 +183,7 @@ html {
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { @supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
.appfooter-blurred { .appfooter-blurred {
background: rgba(24, 24, 24, .7); background: rgba(1, 2, 50, .7);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px) backdrop-filter: blur(20px)
} }
} }

8
src/components/themes/dark/theme.css
View file

@ -162,14 +162,6 @@ html {
color: rgba(255, 255, 255, .78) color: rgba(255, 255, 255, .78)
} }
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
.appfooter-blurred {
background: rgba(24, 24, 24, .7);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px)
}
}
.itemSelectionPanel { .itemSelectionPanel {
border: 1px solid #00a4dc border: 1px solid #00a4dc
} }

8
src/components/themes/emby/theme.css
View file

@ -162,14 +162,6 @@ html {
color: rgba(255, 255, 255, .78) color: rgba(255, 255, 255, .78)
} }
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
.appfooter-blurred {
background: rgba(24, 24, 24, .7);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px)
}
}
.itemSelectionPanel { .itemSelectionPanel {
border: 1px solid #52b54b border: 1px solid #52b54b
} }

8
src/components/themes/light/theme.css
View file

@ -189,14 +189,6 @@ html {
color: rgba(255, 255, 255, .78) color: rgba(255, 255, 255, .78)
} }
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
.appfooter-blurred {
background: rgba(24, 24, 24, .7);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px)
}
}
.nowPlayingBarSecondaryText { .nowPlayingBarSecondaryText {
color: #999 color: #999
} }

3
src/components/themes/purple-haze/theme.css
View file

@ -271,8 +271,7 @@ a[data-role=button] {
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) { @supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
.appfooter-blurred { .appfooter-blurred {
background: rgba(24, 24, 24, .7); background: rgba(6, 37, 111, .7);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px) backdrop-filter: blur(20px)
} }
} }

16
src/components/themes/wmc/theme.css
View file

@ -29,14 +29,6 @@ html {
background: linear-gradient(to bottom, #0C2450, #081B3B) background: linear-gradient(to bottom, #0C2450, #081B3B)
} }
@supports (backdrop-filter:blur(1.5em)) or (-webkit-backdrop-filter:blur(1.5em)) {
.skinHeader-blurred {
background: rgba(20, 20, 20, .7);
-webkit-backdrop-filter: blur(1.5em);
backdrop-filter: blur(1.5em)
}
}
.skinHeader.semiTransparent { .skinHeader.semiTransparent {
-webkit-backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
backdrop-filter: none !important; backdrop-filter: none !important;
@ -185,14 +177,6 @@ html {
color: rgba(255, 255, 255, .78) color: rgba(255, 255, 255, .78)
} }
@supports (backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px)) {
.appfooter-blurred {
background: rgba(24, 24, 24, .7);
-webkit-backdrop-filter: blur(20px);
backdrop-filter: blur(20px)
}
}
.itemSelectionPanel { .itemSelectionPanel {
border: 1px solid #00a4dc border: 1px solid #00a4dc
} }