mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
Merge remote-tracking branch 'upstream/master'
This commit is contained in:
Tim Hobbs
commit
c79be9075a
77 changed files with 1575 additions and 1480 deletions
|
|
@ -7,12 +7,16 @@
|
|||
padding-top: 48px !important;
|
||||
}
|
||||
|
||||
.libraryPage:not(.metadataEditorPage):not(#indexPage):not(#boxsetsPage) {
|
||||
padding-top: 91px !important;
|
||||
}
|
||||
|
||||
.ui-panel fieldset + fieldset {
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
.headerArrowImage {
|
||||
height: 24px;
|
||||
height: 20px;
|
||||
margin-left: .5em;
|
||||
}
|
||||
|
||||
|
|
@ -24,6 +28,8 @@
|
|||
z-index: 1000;
|
||||
top: 0;
|
||||
padding-left: 10px;
|
||||
background: #181818;
|
||||
border-bottom: 1px solid #080808;
|
||||
}
|
||||
|
||||
.viewMenuLink {
|
||||
|
|
@ -111,29 +117,65 @@
|
|||
}
|
||||
|
||||
.libraryViewNav {
|
||||
text-align: center;
|
||||
background-image: linear-gradient(#404040,#222);
|
||||
border-bottom: 1px solid #111;
|
||||
border-top: 1px solid #000;
|
||||
font-family: sans-serif, Arial;
|
||||
height: 42px;
|
||||
overflow: hidden;
|
||||
border-bottom: 1px solid #333;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 48px;
|
||||
z-index: 1000;
|
||||
background-color: #252525;
|
||||
}
|
||||
|
||||
.libraryViewNav .ui-btn-active {
|
||||
border: 0!important;
|
||||
background-color: #38c;
|
||||
.libraryViewNavInner {
|
||||
text-align: center;
|
||||
font-family: sans-serif, Arial;
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
padding: 0 0 0;
|
||||
overflow-x: auto;
|
||||
height: 55px;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.libraryViewNav .ui-btn-active .libraryViewNavLinkContent {
|
||||
border-bottom-color: #38c;
|
||||
}
|
||||
|
||||
.libraryViewNav a {
|
||||
display: inline-block;
|
||||
padding: 12px 0 0;
|
||||
color: #eee!important;
|
||||
text-decoration: none;
|
||||
margin: 0 0;
|
||||
position: relative;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.libraryViewNav a:hover {
|
||||
color: #bbb!important;
|
||||
}
|
||||
|
||||
.libraryViewNav a {
|
||||
display: inline-block;
|
||||
padding: .6em 1em;
|
||||
color: #eee!important;
|
||||
text-decoration: none;
|
||||
margin: 1px 0;
|
||||
.libraryViewNav a:after {
|
||||
content: "|";
|
||||
color: #444;
|
||||
font-size: 20px;
|
||||
font-weight: normal !important;
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
}
|
||||
|
||||
.libraryViewNav a:hover {
|
||||
color: #bbb!important;
|
||||
}
|
||||
.libraryViewNav a:last-child::after {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.libraryViewNavLinkContent {
|
||||
border-bottom: 6px solid transparent;
|
||||
display: inline-block;
|
||||
padding: 0 1em 6px;
|
||||
margin: 0 -2px 0 -1px;
|
||||
}
|
||||
|
||||
.ehsContent {
|
||||
max-width: 620px;
|
||||
|
|
@ -609,13 +651,6 @@ a.itemTag:hover {
|
|||
height: 7px;
|
||||
}
|
||||
|
||||
@media all and (max-width: 550px) {
|
||||
|
||||
.desktopViewMenuLink {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 600px) {
|
||||
.inlineDetailSection:not(.hide) {
|
||||
display: inline-block;
|
||||
|
|
@ -627,22 +662,26 @@ a.itemTag:hover {
|
|||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 750px) {
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
.libraryViewNav {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.desktopHomeLink {
|
||||
.libraryMenuButton {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 750px) {
|
||||
@media all and (max-width: 800px) {
|
||||
|
||||
.libraryMenuButton {
|
||||
.desktopHomeLink {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.desktopViewMenuLink {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.libraryViewNavInner {
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (max-width: 750px) {
|
||||
|
|
@ -776,6 +815,10 @@ a.itemTag:hover {
|
|||
max-width: 950px;
|
||||
}
|
||||
|
||||
.detailPageContent {
|
||||
max-width: 930px;
|
||||
}
|
||||
|
||||
.primaryDetailPageContent {
|
||||
max-width: 850px;
|
||||
}
|
||||
|
|
@ -788,9 +831,6 @@ a.itemTag:hover {
|
|||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1920px) {
|
||||
}
|
||||
|
||||
.detailPageParentLink {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
|
@ -927,7 +967,7 @@ a.itemTag:hover {
|
|||
border: 0;
|
||||
margin: 0;
|
||||
height: 14px;
|
||||
border: 1px solid #222;
|
||||
border: 0 solid #222;
|
||||
border-radius: 0;
|
||||
width: 50px;
|
||||
margin-right: 5px;
|
||||
|
|
|
|||
|
|
@ -329,30 +329,43 @@
|
|||
}
|
||||
}
|
||||
|
||||
.popupIdentifyForm, .identificationSearchResults {
|
||||
.popupIdentify form, .identificationSearchResults {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.collectionItemSearchResults {
|
||||
max-height: 65%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
|
||||
@media all and (min-height: 500px) {
|
||||
|
||||
.popupIdentifyForm, .identificationSearchResults {
|
||||
.popupIdentify form, .identificationSearchResults {
|
||||
height: 350px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-height: 600px) {
|
||||
|
||||
.popupIdentifyForm, .identificationSearchResults {
|
||||
.popupIdentify form, .identificationSearchResults {
|
||||
height: 450px;
|
||||
}
|
||||
|
||||
.collectionItemSearchResults {
|
||||
max-height: 70%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-height: 700px) {
|
||||
|
||||
.popupIdentifyForm, .identificationSearchResults {
|
||||
.popupIdentify form, .identificationSearchResults {
|
||||
height: 550px;
|
||||
}
|
||||
|
||||
.collectionItemSearchResults {
|
||||
max-height: 75%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-height: 800px) {
|
||||
|
|
@ -361,9 +374,13 @@
|
|||
height: 600px;
|
||||
}
|
||||
|
||||
.popupIdentifyForm, .identificationSearchResults {
|
||||
.popupIdentify form, .identificationSearchResults {
|
||||
height: 600px;
|
||||
}
|
||||
|
||||
.collectionItemSearchResults {
|
||||
max-height: 80%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-height: 900px) {
|
||||
|
|
@ -372,7 +389,7 @@
|
|||
height: 700px;
|
||||
}
|
||||
|
||||
.popupIdentifyForm, .identificationSearchResults {
|
||||
.popupIdentify form, .identificationSearchResults {
|
||||
height: 700px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
.posterItem {
|
||||
margin: 8px;
|
||||
margin: 4px 5px;
|
||||
text-shadow: none;
|
||||
font-weight: normal!important;
|
||||
display: inline-block;
|
||||
|
|
@ -35,10 +35,6 @@
|
|||
padding: 11px 12px 10px;
|
||||
}
|
||||
|
||||
.smallBackdropPosterItem, .smallPosterItem {
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.posterItemImage {
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -107,7 +103,7 @@
|
|||
.posterItemTextOverlay .posterItemText {
|
||||
background-color: transparent;
|
||||
padding-left: 5px;
|
||||
padding: 0 5px 5px;
|
||||
padding: 0 5px 3px;
|
||||
}
|
||||
|
||||
.posterItemTextOverlay .posterItemText:first-child {
|
||||
|
|
@ -136,11 +132,11 @@
|
|||
}
|
||||
|
||||
.squarePosterItem {
|
||||
width: 142px;
|
||||
width: 148px;
|
||||
}
|
||||
|
||||
.squarePosterItem .posterItemImage {
|
||||
height: 142px;
|
||||
height: 148px;
|
||||
}
|
||||
|
||||
.storeReviewCount {
|
||||
|
|
@ -149,11 +145,11 @@
|
|||
|
||||
|
||||
.backdropPosterItem {
|
||||
width: 142px;
|
||||
width: 148px;
|
||||
}
|
||||
|
||||
.backdropPosterItem .posterItemImage {
|
||||
height: 79.875px;
|
||||
height: 83.25px;
|
||||
}
|
||||
|
||||
.smallBackdropPosterItem {
|
||||
|
|
@ -165,17 +161,17 @@
|
|||
}
|
||||
|
||||
.portraitPosterItem {
|
||||
width: 90px;
|
||||
width: 96px;
|
||||
}
|
||||
|
||||
.portraitPosterItem .posterItemImage {
|
||||
height: 135px;
|
||||
height: 144px;
|
||||
}
|
||||
|
||||
.posterItemProgress .itemProgressBar {
|
||||
height: 10px;
|
||||
width: 100%;
|
||||
opacity: .6;
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
.miniPosterItemProgress {
|
||||
|
|
@ -188,6 +184,21 @@
|
|||
opacity: 1;
|
||||
}
|
||||
|
||||
.sessionPosterItem .posterItemText:not(.posterItemName) {
|
||||
color: #000;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.sessionPosterItem .posterItemName {
|
||||
color: #fff!important;
|
||||
}
|
||||
|
||||
.sessionPosterItem .posterItemDefaultText {
|
||||
color: #000!important;
|
||||
font-weight: normal !important;
|
||||
top: 42%;
|
||||
}
|
||||
|
||||
@media all and (max-width: 600px) {
|
||||
|
||||
.packageReviewText {
|
||||
|
|
@ -198,19 +209,19 @@
|
|||
@media all and (min-width: 540px) {
|
||||
|
||||
.backdropPosterItem {
|
||||
width: 260px;
|
||||
width: 266px;
|
||||
}
|
||||
|
||||
.backdropPosterItem .posterItemImage {
|
||||
height: 146.25px;
|
||||
height: 149.625px;
|
||||
}
|
||||
|
||||
.smallBackdropPosterItem {
|
||||
width: 184px;
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.smallBackdropPosterItem .posterItemImage {
|
||||
height: 103.5px;
|
||||
height: 101.25px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -218,55 +229,32 @@
|
|||
|
||||
|
||||
.squarePosterItem {
|
||||
width: 164px;
|
||||
width: 170px;
|
||||
}
|
||||
|
||||
.squarePosterItem .posterItemImage {
|
||||
height: 164px;
|
||||
height: 170px;
|
||||
}
|
||||
|
||||
.portraitPosterItem {
|
||||
width: 122px;
|
||||
width: 128px;
|
||||
}
|
||||
|
||||
.portraitPosterItem .posterItemImage {
|
||||
height: 183px;
|
||||
height: 192px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 650px) {
|
||||
|
||||
.backdropPosterItem {
|
||||
width: 276px;
|
||||
width: 282px;
|
||||
}
|
||||
|
||||
.backdropPosterItem .posterItemImage {
|
||||
height: 155.25px;
|
||||
height: 158.625px;
|
||||
}
|
||||
|
||||
.smallBackdropPosterItem {
|
||||
width: 196px;
|
||||
}
|
||||
|
||||
.smallBackdropPosterItem .posterItemImage {
|
||||
height: 110.25px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 750px) {
|
||||
|
||||
.portraitPosterItem {
|
||||
width: 112px;
|
||||
}
|
||||
|
||||
.portraitPosterItem .posterItemImage {
|
||||
height: 168px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1000px) {
|
||||
|
||||
|
||||
.smallBackdropPosterItem {
|
||||
width: 202px;
|
||||
}
|
||||
|
|
@ -276,22 +264,37 @@
|
|||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1200px) {
|
||||
|
||||
.backdropPosterItem {
|
||||
width: 276px;
|
||||
}
|
||||
|
||||
.backdropPosterItem .posterItemImage {
|
||||
height: 155.25px;
|
||||
}
|
||||
@media all and (min-width: 750px) {
|
||||
|
||||
.portraitPosterItem {
|
||||
width: 138px;
|
||||
width: 118px;
|
||||
}
|
||||
|
||||
.portraitPosterItem .posterItemImage {
|
||||
height: 207px;
|
||||
height: 177px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1000px) {
|
||||
|
||||
|
||||
.smallBackdropPosterItem {
|
||||
width: 208px;
|
||||
}
|
||||
|
||||
.smallBackdropPosterItem .posterItemImage {
|
||||
height: 117px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1200px) {
|
||||
|
||||
.portraitPosterItem {
|
||||
width: 144px;
|
||||
}
|
||||
|
||||
.portraitPosterItem .posterItemImage {
|
||||
height: 216px;
|
||||
}
|
||||
|
||||
.storeReviewCount {
|
||||
|
|
@ -302,38 +305,30 @@
|
|||
@media all and (min-width: 1440px) {
|
||||
|
||||
.squarePosterItem {
|
||||
width: 174px;
|
||||
width: 180px;
|
||||
}
|
||||
|
||||
.squarePosterItem .posterItemImage {
|
||||
height: 174px;
|
||||
height: 180px;
|
||||
}
|
||||
|
||||
.backdropPosterItem {
|
||||
width: 292px;
|
||||
width: 298px;
|
||||
}
|
||||
|
||||
.backdropPosterItem .posterItemImage {
|
||||
height: 164.25px;
|
||||
height: 167.625px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1920px) {
|
||||
|
||||
.portraitPosterItem {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.portraitPosterItem .posterItemImage {
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
.squarePosterItem {
|
||||
width: 184px;
|
||||
width: 190px;
|
||||
}
|
||||
|
||||
.squarePosterItem .posterItemImage {
|
||||
height: 184px;
|
||||
height: 190px;
|
||||
}
|
||||
}
|
||||
/********************/
|
||||
|
|
@ -389,4 +384,4 @@
|
|||
background-image: -moz-linear-gradient(top, #ff3333, #992233);
|
||||
background-image: -ms-linear-gradient(top, #ff3333, #992233);
|
||||
background-image: -o-linear-gradient(top, #ff3333, #992233);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -330,6 +330,10 @@ h1 .imageLink {
|
|||
height: 30px;
|
||||
}
|
||||
|
||||
.activeDevicesCollapsible .ui-collapsible-content {
|
||||
padding: .5em .5em !important;
|
||||
}
|
||||
|
||||
@media all and (min-width: 450px) {
|
||||
|
||||
.currentUsername {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue