mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Correct the reverted changes that should be kept
This commit is contained in:
parent
b9b3cc7c2e
commit
5fb98e950b
15 changed files with 56 additions and 91 deletions
|
@ -1,5 +1,6 @@
|
|||
.dashboardColumn,
|
||||
.dashboardSections {
|
||||
flex-direction: column;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal
|
||||
}
|
||||
|
@ -416,6 +417,7 @@ div[data-role=controlgroup] a.ui-btn-active {
|
|||
}
|
||||
|
||||
a[data-role=button] {
|
||||
background-clip: padding-box;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-user-select: none;
|
||||
-webkit-background-clip: padding-box;
|
||||
|
|
|
@ -488,9 +488,11 @@
|
|||
}
|
||||
|
||||
.detailImageContainer {
|
||||
width: 280px;
|
||||
margin-right: 2em;
|
||||
flex-shrink: 0;
|
||||
margin: 1.25em 0;
|
||||
position: sticky;
|
||||
top: 15%;
|
||||
float: left;
|
||||
width: 22.786458333333332vw;
|
||||
}
|
||||
|
||||
.detailPagePrimaryContent {
|
||||
|
@ -504,8 +506,8 @@
|
|||
width: 25em;
|
||||
height: 9.375em;
|
||||
position: absolute;
|
||||
top: 13.5%;
|
||||
right: 19.5%;
|
||||
top: 14.5%;
|
||||
right: 10.5%;
|
||||
-webkit-background-size: contain;
|
||||
background-size: contain
|
||||
}
|
||||
|
@ -535,13 +537,9 @@
|
|||
}
|
||||
|
||||
.itemDetailImage {
|
||||
width: 100%;
|
||||
width: 100% !important;
|
||||
box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37);
|
||||
-webkit-box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37);
|
||||
box-shadow: 0 .0725em .29em 0 rgba(0, 0, 0, .37)
|
||||
}
|
||||
|
||||
.thumbDetailImageContainer {
|
||||
width: 400px
|
||||
}
|
||||
|
||||
@media all and (max-width:62.5em) {
|
||||
|
@ -554,19 +552,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media all and (min-width:62.5em) {
|
||||
.itemBackdrop {
|
||||
display: none
|
||||
}
|
||||
|
||||
.detailPagePrimaryContainer {
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
margin-bottom: 3em
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width:75em) {
|
||||
.lnkSibling {
|
||||
display: none !important
|
||||
|
@ -621,6 +606,7 @@
|
|||
|
||||
.detailButton-mobile,
|
||||
.mainDetailButtons {
|
||||
display: flex;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex
|
||||
}
|
||||
|
|
|
@ -11,8 +11,6 @@
|
|||
|
||||
.hiddenScrollX, .layout-tv .scrollX {
|
||||
-ms-overflow-style: none;
|
||||
/* Can't do this because it not only hides the scrollbar, but also prevents scrolling */
|
||||
/*overflow: -moz-scrollbars-none;*/
|
||||
}
|
||||
|
||||
.hiddenScrollX-forced {
|
||||
|
@ -50,4 +48,4 @@
|
|||
.hiddenScrollY::-webkit-scrollbar, .layout-tv .smoothScrollY::-webkit-scrollbar, .layout-tv .scrollY::-webkit-scrollbar {
|
||||
width: 0 !important;
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -1,5 +1,6 @@
|
|||
.chapterThumbTextContainer,
|
||||
.videoOsdBottom {
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none
|
||||
|
@ -137,8 +138,10 @@
|
|||
|
||||
.osdMediaInfo,
|
||||
.volumeButtons {
|
||||
display: flex;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
align-items: center;
|
||||
-webkit-box-align: center
|
||||
}
|
||||
|
||||
|
@ -218,9 +221,25 @@
|
|||
margin-left: auto;
|
||||
}
|
||||
|
||||
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
|
||||
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
|
||||
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
|
||||
@-moz-keyframes spin {
|
||||
100% {
|
||||
-moz-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes spin {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
100% {
|
||||
-webkit-transform: rotate(360deg);
|
||||
transform:rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
.osdMediaStatus .animate {
|
||||
-webkit-animation:spin 4s linear infinite;
|
||||
-moz-animation:spin 4s linear infinite;
|
||||
|
|
|
@ -83,7 +83,8 @@ button {
|
|||
/* These both are needed in case cardBox is a button */
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
outline: none !important;
|
||||
contain: layout style;
|
||||
contain: layout;
|
||||
contain: style;
|
||||
}
|
||||
|
||||
.card.show-focus:not(.show-animation) .cardBox {
|
||||
|
|
|
@ -53,6 +53,7 @@
|
|||
|
||||
.nowPlayingInfoControls,
|
||||
.nowPlayingTime {
|
||||
display: flex;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex
|
||||
}
|
||||
|
|
|
@ -404,13 +404,6 @@ html {
|
|||
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 {
|
||||
color: #000;
|
||||
background: #fff3a5;
|
||||
|
|
|
@ -407,13 +407,6 @@ html {
|
|||
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 {
|
||||
color: #ddd;
|
||||
background: #111;
|
||||
|
|
|
@ -377,13 +377,6 @@ html {
|
|||
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 {
|
||||
color: #ddd;
|
||||
background: #111;
|
||||
|
|
|
@ -396,13 +396,6 @@ html {
|
|||
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 {
|
||||
color: #000;
|
||||
background: #fff3a5;
|
||||
|
|
|
@ -500,13 +500,6 @@ a[data-role=button] {
|
|||
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 {
|
||||
color: #0e0f2d;
|
||||
background: #dbe6ff;
|
||||
|
|
|
@ -391,13 +391,6 @@ html {
|
|||
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 {
|
||||
color: #000;
|
||||
background: #fff3a5;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue