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

remove gradient from the osd elements

Browse source
This commit is contained in:
dkanada 2019-05-20 00:27:09 -07:00
parent 8f30b70bfb
commit 0f67caab69
5 changed files with 12 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -19,14 +19,10 @@ html {
background-color: #101010 background-color: #101010
} }
.skinHeader.semiTransparent { .skinHeader .semiTransparent {
-webkit-backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
backdrop-filter: none !important; backdrop-filter: none !important;
background-color: rgba(0, 0, 0, .3); background-color: rgba(0, 0, 0, 0.7);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0))
} }
.pageTitleWithDefaultLogo { .pageTitleWithDefaultLogo {

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

@ -19,14 +19,10 @@ html {
background-color: #1f1f1f background-color: #1f1f1f
} }
.skinHeader.semiTransparent { .skinHeader .semiTransparent {
-webkit-backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
backdrop-filter: none !important; backdrop-filter: none !important;
background-color: rgba(0, 0, 0, .3); background-color: rgba(0, 0, 0, 0.7);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0))
} }
.pageTitleWithDefaultLogo { .pageTitleWithDefaultLogo {

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

@ -32,14 +32,10 @@ html {
box-shadow: none !important box-shadow: none !important
} }
.skinHeader.semiTransparent { .skinHeader .semiTransparent {
-webkit-backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
backdrop-filter: none !important; backdrop-filter: none !important;
background-color: rgba(0, 0, 0, .3); background-color: rgba(0, 0, 0, 0.7);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0))
} }
.pageTitleWithDefaultLogo { .pageTitleWithDefaultLogo {

3
src/components/upnextdialog/upnextdialog.css
View file

@ -8,8 +8,7 @@
flex-direction: column; flex-direction: column;
will-change: transform, opacity; will-change: transform, opacity;
transition: opacity 300ms ease-out; transition: opacity 300ms ease-out;
background-color: rgba(0, 0, 0, .7); background-color: rgba(0, 0, 0, 0.7);
background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .9));
color: #fff; color: #fff;
user-select: none; user-select: none;
-webkit-touch-callout: none; -webkit-touch-callout: none;

18
src/css/videoosd.css
View file

@ -20,11 +20,7 @@
transition: opacity .3s ease-out; transition: opacity .3s ease-out;
position: relative; position: relative;
z-index: 1; z-index: 1;
background-color: rgba(0, 0, 0, .3) !important; background-color: rgba(0, 0, 0, 0.7) !important;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .6)), to(rgba(0, 0, 0, 0))) !important;
background: -webkit-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) !important;
background: -o-linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) !important;
background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, 0)) !important;
-webkit-backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
backdrop-filter: none !important; backdrop-filter: none !important;
color: #eee color: #eee
@ -93,7 +89,7 @@
.videoOsdBottom { .videoOsdBottom {
position: fixed; position: fixed;
background-color: rgba(0, 0, 0, .7); background-color: rgba(0, 0, 0, 0.7);
padding: 1%; padding: 1%;
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
@ -103,13 +99,9 @@
-webkit-flex-direction: row; -webkit-flex-direction: row;
flex-direction: row; flex-direction: row;
will-change: opacity; will-change: opacity;
-webkit-transition: opacity .3s ease-out; -webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity .3s ease-out; -o-transition: opacity 0.3s ease-out;
transition: opacity .3s ease-out; transition: opacity 0.3s ease-out;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .8)));
background: -webkit-linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .8));
background: -o-linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .8));
background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .8));
color: #fff; color: #fff;
user-select: none; user-select: none;
-webkit-touch-callout: none -webkit-touch-callout: none