1
0
Fork 0
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:
MrTimscampi 2020-01-19 11:52:19 +01:00
parent b9b3cc7c2e
commit 5fb98e950b
15 changed files with 56 additions and 91 deletions

View file

@ -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;

View file

@ -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
}

View file

@ -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;
}
}

View file

@ -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;

View file

@ -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 {

View file

@ -53,6 +53,7 @@
.nowPlayingInfoControls,
.nowPlayingTime {
display: flex;
display: -webkit-box;
display: -webkit-flex
}

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;

View file

@ -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;