mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
add more methods to file system interface
This commit is contained in:
Luke Pulverenti
parent
2861ff68c9
commit
7743b36bc9
46 changed files with 421 additions and 504 deletions
|
|
@ -27,14 +27,14 @@
|
|||
|
||||
.detailTable td {
|
||||
border-spacing: 0;
|
||||
border-top: 1px solid #444;
|
||||
border-bottom: 1px solid #444;
|
||||
border-top: 1px solid #404040;
|
||||
border-bottom: 1px solid #404040;
|
||||
padding: 5px 5px;
|
||||
}
|
||||
|
||||
.detailTable th {
|
||||
border-spacing: 0;
|
||||
border-bottom: 1px solid #444;
|
||||
border-bottom: 1px solid #404040;
|
||||
padding: 5px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
|
|
@ -73,3 +73,9 @@
|
|||
display: table-cell;
|
||||
}
|
||||
}
|
||||
|
||||
.detailTable tbody tr:nth-child(odd) td,
|
||||
.detailTable tbody tr:nth-child(odd) th {
|
||||
background-color: #eeeeee; /* non-RGBA fallback */
|
||||
background-color: rgba(0,0,0,.1);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -363,12 +363,14 @@ a.itemTag:hover {
|
|||
}
|
||||
|
||||
.noBackdrop {
|
||||
height: 280px;
|
||||
height: auto;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.noBackdrop .itemBackdropContent {
|
||||
background-color: transparent;
|
||||
position: static;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.lnkSibling {
|
||||
|
|
@ -435,13 +437,6 @@ a.itemTag:hover {
|
|||
font-weight: normal!important;
|
||||
}
|
||||
|
||||
.itemBackdrop .parentName {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.inlineItemName {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
|
@ -451,8 +446,8 @@ a.itemTag:hover {
|
|||
}
|
||||
|
||||
.itemOverview {
|
||||
max-height: 70px;
|
||||
overflow-y: auto;
|
||||
/*max-height: 120px;
|
||||
overflow-y: auto;*/
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
|
|
@ -615,10 +610,6 @@ a.itemTag:hover {
|
|||
height: auto;
|
||||
}
|
||||
|
||||
.noBackdrop {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.itemBackdropContent {
|
||||
position: static;
|
||||
padding: 1em 1em 0;
|
||||
|
|
@ -836,8 +827,8 @@ a.itemTag:hover {
|
|||
right: 5px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
width: 28px;
|
||||
height: 23px;
|
||||
width: 26px;
|
||||
height: 21px;
|
||||
padding-top: 5px;
|
||||
border-radius: 50%;
|
||||
color: #fff;
|
||||
|
|
@ -970,8 +961,7 @@ a.itemTag:hover {
|
|||
.alphabetPicker {
|
||||
position: fixed;
|
||||
right: 2px;
|
||||
bottom: 0;
|
||||
top: 100px;
|
||||
bottom: 30px;
|
||||
width: 27px;
|
||||
z-index: 1000;
|
||||
text-align: center;
|
||||
|
|
@ -984,7 +974,7 @@ a.itemTag:hover {
|
|||
display: block;
|
||||
text-decoration: none;
|
||||
padding: 1px 0;
|
||||
color: #eee!important;
|
||||
color: #bbb!important;
|
||||
}
|
||||
|
||||
.alphabetPicker a:hover:not(.selectedCharacter) {
|
||||
|
|
@ -1008,35 +998,31 @@ a.itemTag:hover {
|
|||
}
|
||||
}
|
||||
|
||||
@media all and (min-height: 600px) {
|
||||
|
||||
.alphabetPicker a {
|
||||
padding: 2px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-height: 720px) {
|
||||
|
||||
.alphabetPicker {
|
||||
top: 135px;
|
||||
}
|
||||
@media all and (min-height: 800px) {
|
||||
|
||||
.alphabetPicker a {
|
||||
padding: 4px 0;
|
||||
padding: 5px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-height: 850px) {
|
||||
@media all and (min-height: 900px) {
|
||||
|
||||
.alphabetPicker a {
|
||||
padding: 6px 0;
|
||||
.alphabetPicker {
|
||||
bottom: 120px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-height: 1000px) {
|
||||
|
||||
.alphabetPicker {
|
||||
bottom: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.viewCollageImage {
|
||||
display: inline-block;
|
||||
margin: 0 1px 0 0;
|
||||
width: 32.6%;
|
||||
width: 32.62%;
|
||||
height: 49%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center 15%;
|
||||
|
|
@ -1046,7 +1032,7 @@ a.itemTag:hover {
|
|||
@media all and (min-width: 650px) {
|
||||
|
||||
.viewCollageImage {
|
||||
width: 32.8%;
|
||||
width: 32.9%;
|
||||
height: 49.1%;
|
||||
}
|
||||
}
|
||||
|
|
@ -1054,6 +1040,6 @@ a.itemTag:hover {
|
|||
@media all and (min-width: 1440px) {
|
||||
|
||||
.viewCollageImage {
|
||||
width: 32.9%;
|
||||
width: 32.95%;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -198,7 +198,7 @@ input[type="range"]::-ms-fill-upper {
|
|||
border: 1px solid #999;
|
||||
position: absolute;
|
||||
z-index: 99999;
|
||||
bottom: 55px;
|
||||
bottom: 80px;
|
||||
margin-left: -50px;
|
||||
max-height: 300px;
|
||||
overflow-y: auto;
|
||||
|
|
|
|||
|
|
@ -7,7 +7,6 @@
|
|||
color: #fff!important;
|
||||
text-decoration: none;
|
||||
text-align: left;
|
||||
overflow: hidden;
|
||||
-webkit-transition: all 500ms ease;
|
||||
-moz-transition: all 500ms ease;
|
||||
-o-transition: all 500ms ease;
|
||||
|
|
@ -15,15 +14,9 @@
|
|||
transition: all 500ms ease;
|
||||
}
|
||||
|
||||
.posterItem:hover {
|
||||
-moz-box-shadow: 0 0 15px 8px #2572EB;
|
||||
-webkit-box-shadow: 0 0 25px 8px #2572EB;
|
||||
box-shadow: 0 0 15px 8px #2572EB;
|
||||
}
|
||||
|
||||
|
||||
.smallBackdropPosterItem, .smallPosterItem {
|
||||
margin: 3px;
|
||||
margin: 5px;
|
||||
}
|
||||
|
||||
.posterItemImage {
|
||||
|
|
@ -31,10 +24,20 @@
|
|||
background-repeat: no-repeat;
|
||||
background-position: center bottom;
|
||||
background-color: #000;
|
||||
border: 2px solid #202020;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.posterItem:hover .posterItemImage {
|
||||
-moz-box-shadow: 0 0 12px 7px #2572EB;
|
||||
-webkit-box-shadow: 0 0 12px 7px #2572EB;
|
||||
box-shadow: 0 0 12px 7px #2572EB;
|
||||
}
|
||||
|
||||
.coveredPosterItemImage {
|
||||
background-size: cover;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.transparentPosterItem .posterItemImage {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
|
@ -117,7 +120,7 @@
|
|||
}
|
||||
|
||||
.squarePosterItem .posterItemImage {
|
||||
height: 138px;
|
||||
height: 142px;
|
||||
}
|
||||
|
||||
.storeReviewCount {
|
||||
|
|
@ -130,7 +133,7 @@
|
|||
}
|
||||
|
||||
.backdropPosterItem .posterItemImage {
|
||||
height: 77.625px;
|
||||
height: 79.875px;
|
||||
}
|
||||
|
||||
.smallBackdropPosterItem {
|
||||
|
|
@ -138,7 +141,7 @@
|
|||
}
|
||||
|
||||
.smallBackdropPosterItem .posterItemImage {
|
||||
height: 87.75px;
|
||||
height: 90px;
|
||||
}
|
||||
|
||||
.portraitPosterItem {
|
||||
|
|
@ -146,7 +149,7 @@
|
|||
}
|
||||
|
||||
.portraitPosterItem .posterItemImage {
|
||||
height: 129px;
|
||||
height: 135px;
|
||||
}
|
||||
|
||||
.posterItemProgress .itemProgressBar {
|
||||
|
|
@ -155,6 +158,16 @@
|
|||
opacity: .6;
|
||||
}
|
||||
|
||||
.miniPosterItemProgress {
|
||||
/* Make sure it's on top of the fade gradient '*/
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.miniPosterItemProgress .itemProgressBar {
|
||||
height: 7px;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@media all and (min-width: 540px) {
|
||||
|
||||
.backdropPosterItem {
|
||||
|
|
@ -162,11 +175,11 @@
|
|||
}
|
||||
|
||||
.backdropPosterItem .posterItemImage {
|
||||
height: 144px;
|
||||
height: 146.25px;
|
||||
}
|
||||
|
||||
.smallBackdropPosterItem {
|
||||
width: 188px;
|
||||
width: 184px;
|
||||
}
|
||||
|
||||
.smallBackdropPosterItem .posterItemImage {
|
||||
|
|
@ -182,7 +195,7 @@
|
|||
}
|
||||
|
||||
.squarePosterItem .posterItemImage {
|
||||
height: 160px;
|
||||
height: 164px;
|
||||
}
|
||||
|
||||
.portraitPosterItem {
|
||||
|
|
@ -190,7 +203,7 @@
|
|||
}
|
||||
|
||||
.portraitPosterItem .posterItemImage {
|
||||
height: 177px;
|
||||
height: 183px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -201,7 +214,7 @@
|
|||
}
|
||||
|
||||
.backdropPosterItem .posterItemImage {
|
||||
height: 153px;
|
||||
height: 155.25px;
|
||||
}
|
||||
|
||||
.smallBackdropPosterItem {
|
||||
|
|
@ -209,7 +222,7 @@
|
|||
}
|
||||
|
||||
.smallBackdropPosterItem .posterItemImage {
|
||||
height: 108px;
|
||||
height: 110.25px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -220,7 +233,7 @@
|
|||
}
|
||||
|
||||
.portraitPosterItem .posterItemImage {
|
||||
height: 162px;
|
||||
height: 168px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -231,7 +244,7 @@
|
|||
}
|
||||
|
||||
.backdropPosterItem .posterItemImage {
|
||||
height: 153px;
|
||||
height: 155.25px;
|
||||
}
|
||||
|
||||
.portraitPosterItem {
|
||||
|
|
@ -239,7 +252,7 @@
|
|||
}
|
||||
|
||||
.portraitPosterItem .posterItemImage {
|
||||
height: 201px;
|
||||
height: 207px;
|
||||
}
|
||||
|
||||
.smallBackdropPosterItem {
|
||||
|
|
@ -247,7 +260,7 @@
|
|||
}
|
||||
|
||||
.smallBackdropPosterItem .posterItemImage {
|
||||
height: 126px;
|
||||
height: 128.25px;
|
||||
}
|
||||
|
||||
.storeReviewCount {
|
||||
|
|
@ -262,20 +275,7 @@
|
|||
}
|
||||
|
||||
.squarePosterItem .posterItemImage {
|
||||
height: 170px;
|
||||
}
|
||||
|
||||
.portraitPosterItem {
|
||||
width: 138px;
|
||||
}
|
||||
|
||||
.portraitPosterItem .posterItemImage {
|
||||
height: 201px;
|
||||
}
|
||||
|
||||
|
||||
.portraitPosterItem .itemProgressText {
|
||||
display: inline;
|
||||
height: 174px;
|
||||
}
|
||||
|
||||
.backdropPosterItem {
|
||||
|
|
@ -283,7 +283,7 @@
|
|||
}
|
||||
|
||||
.backdropPosterItem .posterItemImage {
|
||||
height: 162px;
|
||||
height: 164.25px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -294,7 +294,7 @@
|
|||
}
|
||||
|
||||
.squarePosterItem .posterItemImage {
|
||||
height: 200px;
|
||||
height: 204px;
|
||||
}
|
||||
|
||||
.portraitPosterItem {
|
||||
|
|
@ -302,6 +302,6 @@
|
|||
}
|
||||
|
||||
.portraitPosterItem .posterItemImage {
|
||||
height: 240px;
|
||||
height: 246px;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue