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

remove gradient from the osd elements

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

View file

@ -22,11 +22,7 @@ html {
.skinHeader .semiTransparent {
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
background-color: rgba(0, 0, 0, .3);
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))
background-color: rgba(0, 0, 0, 0.7);
}
.pageTitleWithDefaultLogo {

View file

@ -22,11 +22,7 @@ html {
.skinHeader .semiTransparent {
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
background-color: rgba(0, 0, 0, .3);
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))
background-color: rgba(0, 0, 0, 0.7);
}
.pageTitleWithDefaultLogo {

View file

@ -35,11 +35,7 @@ html {
.skinHeader .semiTransparent {
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
background-color: rgba(0, 0, 0, .3);
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))
background-color: rgba(0, 0, 0, 0.7);
}
.pageTitleWithDefaultLogo {

View file

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

View file

@ -20,11 +20,7 @@
transition: opacity .3s ease-out;
position: relative;
z-index: 1;
background-color: rgba(0, 0, 0, .3) !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;
background-color: rgba(0, 0, 0, 0.7) !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
color: #eee
@ -93,7 +89,7 @@
.videoOsdBottom {
position: fixed;
background-color: rgba(0, 0, 0, .7);
background-color: rgba(0, 0, 0, 0.7);
padding: 1%;
display: -webkit-box;
display: -webkit-flex;
@ -103,13 +99,9 @@
-webkit-flex-direction: row;
flex-direction: row;
will-change: opacity;
-webkit-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
transition: opacity .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));
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
color: #fff;
user-select: none;
-webkit-touch-callout: none