mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
remove itembackdropfader
This commit is contained in:
parent
dbbe5809e1
commit
08b00ac385
9 changed files with 4 additions and 62 deletions
|
@ -423,13 +423,6 @@ html {
|
||||||
color: #fff
|
color: #fff
|
||||||
}
|
}
|
||||||
|
|
||||||
.itemBackdropFader {
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#E4E2DC));
|
|
||||||
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #E4E2DC);
|
|
||||||
background: -o-linear-gradient(rgba(0, 0, 0, 0), #E4E2DC);
|
|
||||||
background: linear-gradient(rgba(0, 0, 0, 0), #E4E2DC)
|
|
||||||
}
|
|
||||||
|
|
||||||
.infoBanner {
|
.infoBanner {
|
||||||
color: #000;
|
color: #000;
|
||||||
background: #fff3a5;
|
background: #fff3a5;
|
||||||
|
|
|
@ -408,13 +408,6 @@ html {
|
||||||
color: #fff
|
color: #fff
|
||||||
}
|
}
|
||||||
|
|
||||||
.itemBackdropFader {
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#181818));
|
|
||||||
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #181818);
|
|
||||||
background: -o-linear-gradient(rgba(0, 0, 0, 0), #181818);
|
|
||||||
background: linear-gradient(rgba(0, 0, 0, 0), #181818)
|
|
||||||
}
|
|
||||||
|
|
||||||
.infoBanner {
|
.infoBanner {
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
background: #111;
|
background: #111;
|
||||||
|
|
|
@ -385,13 +385,6 @@ html {
|
||||||
color: #fff
|
color: #fff
|
||||||
}
|
}
|
||||||
|
|
||||||
.itemBackdropFader {
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#101010));
|
|
||||||
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #101010);
|
|
||||||
background: -o-linear-gradient(rgba(0, 0, 0, 0), #101010);
|
|
||||||
background: linear-gradient(rgba(0, 0, 0, 0), #101010)
|
|
||||||
}
|
|
||||||
|
|
||||||
.infoBanner {
|
.infoBanner {
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
background: #111;
|
background: #111;
|
||||||
|
|
|
@ -385,13 +385,6 @@ html {
|
||||||
color: #fff
|
color: #fff
|
||||||
}
|
}
|
||||||
|
|
||||||
.itemBackdropFader {
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#1a1a1a));
|
|
||||||
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #1a1a1a);
|
|
||||||
background: -o-linear-gradient(rgba(0, 0, 0, 0), #1a1a1a);
|
|
||||||
background: linear-gradient(rgba(0, 0, 0, 0), #1a1a1a)
|
|
||||||
}
|
|
||||||
|
|
||||||
.infoBanner {
|
.infoBanner {
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
background: #111;
|
background: #111;
|
||||||
|
|
|
@ -404,13 +404,6 @@ html {
|
||||||
color: #fff
|
color: #fff
|
||||||
}
|
}
|
||||||
|
|
||||||
.itemBackdropFader {
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#f2f2f2));
|
|
||||||
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2);
|
|
||||||
background: -o-linear-gradient(rgba(0, 0, 0, 0), #f2f2f2);
|
|
||||||
background: linear-gradient(rgba(0, 0, 0, 0), #f2f2f2)
|
|
||||||
}
|
|
||||||
|
|
||||||
.infoBanner {
|
.infoBanner {
|
||||||
color: #000;
|
color: #000;
|
||||||
background: #fff3a5;
|
background: #fff3a5;
|
||||||
|
|
|
@ -501,13 +501,6 @@ a[data-role=button] {
|
||||||
color: #fff
|
color: #fff
|
||||||
}
|
}
|
||||||
|
|
||||||
.itemBackdropFader {
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#181818));
|
|
||||||
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #181818);
|
|
||||||
background: -o-linear-gradient(rgba(0, 0, 0, 0), #181818);
|
|
||||||
background: linear-gradient(rgba(0, 0, 0, 0), #181818)
|
|
||||||
}
|
|
||||||
|
|
||||||
.infoBanner {
|
.infoBanner {
|
||||||
color: #0e0f2d;
|
color: #0e0f2d;
|
||||||
background: #dbe6ff;
|
background: #dbe6ff;
|
||||||
|
|
|
@ -407,13 +407,6 @@ html {
|
||||||
color: #fff
|
color: #fff
|
||||||
}
|
}
|
||||||
|
|
||||||
.itemBackdropFader {
|
|
||||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#115E9E));
|
|
||||||
background: -webkit-linear-gradient(rgba(0, 0, 0, 0), #115E9E);
|
|
||||||
background: -o-linear-gradient(rgba(0, 0, 0, 0), #115E9E);
|
|
||||||
background: linear-gradient(rgba(0, 0, 0, 0), #115E9E)
|
|
||||||
}
|
|
||||||
|
|
||||||
.infoBanner {
|
.infoBanner {
|
||||||
color: #000;
|
color: #000;
|
||||||
background: #fff3a5;
|
background: #fff3a5;
|
||||||
|
|
|
@ -428,8 +428,8 @@
|
||||||
.itemBackdrop {
|
.itemBackdrop {
|
||||||
-webkit-background-size: cover;
|
-webkit-background-size: cover;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
background-position: center center;
|
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
|
background-position: center;
|
||||||
height: 50vh;
|
height: 50vh;
|
||||||
position: relative
|
position: relative
|
||||||
}
|
}
|
||||||
|
@ -441,14 +441,6 @@
|
||||||
right: 0
|
right: 0
|
||||||
}
|
}
|
||||||
|
|
||||||
.itemBackdropFader {
|
|
||||||
position: absolute;
|
|
||||||
bottom: -1px;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
height: 15vh
|
|
||||||
}
|
|
||||||
|
|
||||||
.desktopMiscInfoContainer {
|
.desktopMiscInfoContainer {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: .75em
|
bottom: .75em
|
||||||
|
|
|
@ -1,10 +1,9 @@
|
||||||
<div id="itemDetailPage" data-role="page" class="page libraryPage itemDetailPage noSecondaryNavPage selfBackdropPage" data-backbutton="true">
|
<div id="itemDetailPage" data-role="page" class="page libraryPage itemDetailPage noSecondaryNavPage selfBackdropPage" data-backbutton="true">
|
||||||
|
|
||||||
<div id="itemBackdrop" class="itemBackdrop noBackdrop">
|
<div id="itemBackdrop" class="itemBackdrop noBackdrop">
|
||||||
<div class="itemBackdropFader">
|
<button is="emby-button" type="button" class="btnPlay detailFloatingButton hide fab autoSize" title="${ButtonPlay}" data-mode="resume">
|
||||||
</div>
|
<i class="md-icon">play_arrow</i>
|
||||||
<button is="emby-button" type="button" class="btnPlay detailFloatingButton hide fab autoSize"
|
</button>
|
||||||
title="${ButtonPlay}" data-mode="resume"><i class="md-icon">play_arrow</i></button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="detailLogo"></div>
|
<div class="detailLogo"></div>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue