mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update components
This commit is contained in:
Luke Pulverenti
parent
0c7088e379
commit
cf2c7ca241
157 changed files with 2861 additions and 2975 deletions
|
|
@ -3,13 +3,8 @@
|
|||
}
|
||||
|
||||
.headerSelectedPlayer {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
color: #ddd;
|
||||
font-weight: 400;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
max-width: 100px;
|
||||
font-weight: normal;
|
||||
max-width: 160px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
|
|
|
|||
|
|
@ -1,14 +1,4 @@
|
|||
/* For some reason jquery mobile 1.4.5 wants to horitontally pad mini form fields. */
|
||||
.ui-mini {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.paperCheckboxFieldDescription {
|
||||
padding-left: 31px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
/* Tabs (e.g. advanced metadata page) */
|
||||
/* Tabs (e.g. advanced metadata page) */
|
||||
.localnav {
|
||||
margin-bottom: 30px !important;
|
||||
}
|
||||
|
|
@ -146,26 +136,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.paperListLabel {
|
||||
font-size: 16px;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
|
||||
.textarea-mono {
|
||||
font-family: monospace !important;
|
||||
}
|
||||
|
||||
.paperList {
|
||||
padding: .5em 0;
|
||||
margin: 12px auto;
|
||||
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.paperCheckboxList.paperList {
|
||||
padding: .5em 1em;
|
||||
}
|
||||
|
||||
/* A
|
||||
-----------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
|
|
@ -326,12 +296,6 @@ div[data-role="controlgroup"] a.ui-btn-active {
|
|||
color: #fff !important;
|
||||
}
|
||||
|
||||
.jqmButtonNoText {
|
||||
padding: 3px 4px !important;
|
||||
border-radius: 4px !important;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.ui-listview li h3 {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
|
@ -340,27 +304,6 @@ div[data-role="controlgroup"] a.ui-btn-active {
|
|||
line-height: 1.5;
|
||||
line-height: initial;
|
||||
}
|
||||
/*
|
||||
Make all panels vertically scrollable
|
||||
If this causes any problems then perhaps require a css class to activate
|
||||
*/
|
||||
.ui-panel.ui-panel-open {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
/* Show over now playing bar */
|
||||
.ui-panel-display-overlay {
|
||||
z-index: 1098;
|
||||
}
|
||||
|
||||
.ui-panel-inner {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ui-slider-track.ui-mini .ui-slider-handle {
|
||||
height: 18px;
|
||||
|
|
@ -373,10 +316,6 @@ div[data-role="controlgroup"] a.ui-btn-active {
|
|||
font-weight: 500 !important;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: none;
|
||||
}
|
||||
|
||||
a[data-role='button'], .type-interior button:not([data-role='none']):not(.clearButton):not([is]) {
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-webkit-user-select: none;
|
||||
|
|
@ -423,10 +362,6 @@ a[data-role='button'], .type-interior button:not([data-role='none']):not(.clearB
|
|||
display: inline-block;
|
||||
}
|
||||
|
||||
.imageLink + .imageLink {
|
||||
margin-left: 30px;
|
||||
}
|
||||
|
||||
.header .imageLink img {
|
||||
height: 28px;
|
||||
vertical-align: middle;
|
||||
|
|
@ -483,26 +418,6 @@ a[data-role='button'], .type-interior button:not([data-role='none']):not(.clearB
|
|||
margin-top: 0;
|
||||
}
|
||||
|
||||
.newsItem {
|
||||
padding: 1em 0;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
.newsItemDescription {
|
||||
max-height: 34px;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.newsItemHeader {
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.newsItemDate {
|
||||
margin: .25em 0;
|
||||
color: green;
|
||||
}
|
||||
|
||||
@media all and (max-width: 1439px) {
|
||||
|
||||
.dashboardHomeRightColumn {
|
||||
|
|
@ -575,15 +490,6 @@ a[data-role='button'], .type-interior button:not([data-role='none']):not(.clearB
|
|||
}
|
||||
}
|
||||
|
||||
.organizerButtonCell {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.organizerButton {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.premiumBanner img {
|
||||
position: absolute;
|
||||
text-align: right;
|
||||
|
|
|
|||
|
|
@ -2,10 +2,6 @@
|
|||
background: #121212;
|
||||
}
|
||||
|
||||
.chkAdvanced {
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
/* Allow vertical space for anything that slides up at the bottom */
|
||||
.guideVerticalScroller {
|
||||
padding-bottom: 160px;
|
||||
|
|
|
|||
|
|
@ -126,10 +126,6 @@
|
|||
color: #ccc;
|
||||
}
|
||||
|
||||
.chkAirDay {
|
||||
padding: 0 2em 1em 0;
|
||||
}
|
||||
|
||||
.searchImage {
|
||||
background-position: center bottom;
|
||||
background-repeat: no-repeat;
|
||||
|
|
@ -166,10 +162,6 @@
|
|||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.editorFieldset > div {
|
||||
margin: 1.25em 0;
|
||||
}
|
||||
|
||||
.jstree-anchor {
|
||||
font-weight: normal !important;
|
||||
}
|
||||
|
|
@ -199,133 +191,6 @@
|
|||
}
|
||||
}
|
||||
|
||||
.libraryReportIndicator {
|
||||
position: relative;
|
||||
display: block;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
width: 24px;
|
||||
height: 19px;
|
||||
padding-top: 3px;
|
||||
border-radius: 50%;
|
||||
color: #fff;
|
||||
background: rgb(204, 0, 0);
|
||||
background: rgba(204, 0, 0, .8);
|
||||
}
|
||||
|
||||
.libraryReportIndicator div:after {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.clearLibraryReportIndicator {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.editorTile {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.editorTileInner {
|
||||
margin: 1em .5em;
|
||||
}
|
||||
|
||||
.imageEditorTile {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.editorTile h3 {
|
||||
text-align: center;
|
||||
margin: .5em 0 .7em;
|
||||
}
|
||||
|
||||
.editorTile p {
|
||||
margin: .5em 0;
|
||||
}
|
||||
|
||||
.editorTileFooter {
|
||||
padding: .5em;
|
||||
}
|
||||
|
||||
.ui-body-a .editorTileFooter {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.ui-body-b .editorTileFooter {
|
||||
background-color: #282828;
|
||||
}
|
||||
|
||||
.editorTile .ui-field-contain {
|
||||
margin: 0 0 .5em;
|
||||
}
|
||||
|
||||
.imageEditorCollapsible .ui-collapsible-content {
|
||||
padding: 0 0 1em 0;
|
||||
}
|
||||
|
||||
.remoteImage:hover, .searchImageContainer:hover {
|
||||
-moz-box-shadow: 0 0 0 5px #38c;
|
||||
-webkit-box-shadow: 0 0 0 5px #38c;
|
||||
box-shadow: 0 0 0 5px #38c;
|
||||
}
|
||||
|
||||
.tblLibraryReport img {
|
||||
height: 18px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.subtitleViewerContent {
|
||||
overflow: auto;
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
@media all and (min-width: 400px) {
|
||||
|
||||
.subtitleViewerContent {
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 500px) {
|
||||
|
||||
.subtitleViewerContent {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.imageEditorTile {
|
||||
width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 600px) {
|
||||
|
||||
.popupIdentify {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.subtitleViewerContent {
|
||||
width: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 700px) {
|
||||
|
||||
.popupIdentify {
|
||||
width: 500px;
|
||||
}
|
||||
|
||||
.subtitleViewerContent {
|
||||
width: 600px;
|
||||
}
|
||||
|
||||
.imageEditorTile {
|
||||
width: 33.3%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 800px) {
|
||||
|
||||
.editPageSidebar {
|
||||
|
|
@ -342,53 +207,6 @@
|
|||
float: right;
|
||||
width: 67.5%;
|
||||
}
|
||||
|
||||
.popupIdentify {
|
||||
width: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 900px) {
|
||||
|
||||
.popupIdentify {
|
||||
width: 700px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1000px) {
|
||||
|
||||
.popupIdentify {
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
.imageEditorTile {
|
||||
width: 25%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1100px) {
|
||||
|
||||
.popupIdentify {
|
||||
width: 900px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1200px) {
|
||||
|
||||
.popupIdentify {
|
||||
width: 1000px;
|
||||
}
|
||||
|
||||
.imageEditorTile {
|
||||
width: 20%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1400px) {
|
||||
|
||||
.imageEditorTile {
|
||||
width: 16.666666666666666666666666666667%;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-width: 1800px) {
|
||||
|
|
@ -400,50 +218,4 @@
|
|||
.editPageInnerContent {
|
||||
width: 72.5%;
|
||||
}
|
||||
|
||||
.imageEditorTile {
|
||||
width: 14.285714285714285714285714285714%;
|
||||
}
|
||||
}
|
||||
|
||||
.collectionItemSearchResults {
|
||||
max-height: 65%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
|
||||
@media all and (min-height: 500px) {
|
||||
|
||||
.subtitleViewerContent {
|
||||
height: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-height: 600px) {
|
||||
|
||||
.collectionItemSearchResults {
|
||||
max-height: 70%;
|
||||
}
|
||||
|
||||
.subtitleViewerContent {
|
||||
height: 500px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-height: 700px) {
|
||||
|
||||
.collectionItemSearchResults {
|
||||
max-height: 75%;
|
||||
}
|
||||
|
||||
.subtitleViewerContent {
|
||||
height: 600px;
|
||||
}
|
||||
}
|
||||
|
||||
@media all and (min-height: 800px) {
|
||||
|
||||
.collectionItemSearchResults {
|
||||
max-height: 80%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -32,80 +32,4 @@
|
|||
|
||||
.levelError {
|
||||
background-color: #d14836;
|
||||
}
|
||||
|
||||
.flyoutNotification {
|
||||
border-top: 1px solid #404040;
|
||||
padding: 0 0 .5em;
|
||||
}
|
||||
|
||||
.flyoutNotification p {
|
||||
margin: .5em 0;
|
||||
white-space: normal;
|
||||
max-width: 95%;
|
||||
}
|
||||
|
||||
.flyoutNotification:last-child {
|
||||
border-bottom: 1px solid #404040;
|
||||
}
|
||||
|
||||
.flyoutNotification a {
|
||||
font-weight: 500 !important;
|
||||
}
|
||||
|
||||
.notificationTime {
|
||||
color: #52B54B;
|
||||
}
|
||||
|
||||
.notificationImage {
|
||||
margin: 0 .5em 0 1em;
|
||||
padding: .5em 0;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.notificationContent {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.unreadFlyoutNotification {
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.imgNotification, .imgNotificationInner {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.imgNotificationInner {
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
background-position: center center;
|
||||
}
|
||||
|
||||
.imgNotificationNormal {
|
||||
background-color: #4d90fe;
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
|
||||
background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
|
||||
background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
|
||||
background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
|
||||
background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
|
||||
background-image: linear-gradient(top,#4d90fe,#4787ed);
|
||||
}
|
||||
|
||||
.imgNotificationError {
|
||||
background-color: #d14836;
|
||||
background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));
|
||||
background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
|
||||
background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
|
||||
background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
|
||||
background-image: -o-linear-gradient(top,#dd4b39,#d14836);
|
||||
background-image: linear-gradient(top,#dd4b39,#d14836);
|
||||
}
|
||||
|
||||
.imgNotificationWarning {
|
||||
background-color: #FF7537;
|
||||
}
|
||||
|
|
@ -73,8 +73,6 @@
|
|||
}
|
||||
|
||||
.currentChapter {
|
||||
-moz-box-shadow: 0 0 12px 7px #cc3333;
|
||||
-webkit-box-shadow: 0 0 12px 7px #cc3333;
|
||||
box-shadow: 0 0 12px 7px #cc3333;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -116,6 +116,10 @@ h1 a:hover {
|
|||
color: #52B54B !important;
|
||||
}
|
||||
|
||||
.ui-body-a .paperList {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
input:not([type='checkbox']):not([type='radio']):not([type='file']):not([type='range']):not([is='emby-input']) {
|
||||
-webkit-appearance: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
|
@ -153,31 +157,6 @@ input:not([type='checkbox']):not([type='radio']):not([type='file']):not([type='r
|
|||
display: block;
|
||||
}
|
||||
|
||||
select {
|
||||
width: 100%;
|
||||
margin: 0 0 .5em 0;
|
||||
background: none;
|
||||
border: 1px solid rgb(221, 221, 221);
|
||||
border-width: 0 0 1px 0;
|
||||
/* Prefixed box-sizing rules necessary for older browsers */
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
/* Remove select styling */
|
||||
/* Font size must the 16px or larger to prevent iOS page zoom on focus */
|
||||
font-size: inherit;
|
||||
/* General select styles: change as needed */
|
||||
font-family: inherit;
|
||||
font-weight: bold;
|
||||
color: inherit;
|
||||
padding: .6em .8em .3em 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
select:not([data-inline='true']) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.ui-body-b select, .ui-body-b [is="emby-input"] {
|
||||
background: none;
|
||||
border-color: #454545;
|
||||
|
|
@ -220,29 +199,6 @@ div[data-role='page'] {
|
|||
transform: translateY(-210%);
|
||||
}
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
pre, textarea.pre {
|
||||
display: block;
|
||||
padding: 8.5px;
|
||||
font-size: 12.025px;
|
||||
line-height: 18px;
|
||||
word-break: break-all;
|
||||
word-wrap: break-word;
|
||||
white-space: pre;
|
||||
white-space: pre-wrap;
|
||||
background-color: #f5f5f5;
|
||||
border: 1px solid #ccc;
|
||||
border: 1px solid rgba(0, 0, 0, 0.15);
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none !important;
|
||||
}
|
||||
|
|
@ -304,10 +260,6 @@ textarea {
|
|||
background-color: #f0f0f0;
|
||||
}
|
||||
|
||||
.dialog:not(.background-theme-a):not(.background-theme-b) {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.sidebarLinks {
|
||||
margin-top: 1.5em;
|
||||
padding-bottom: 50px;
|
||||
|
|
@ -547,10 +499,6 @@ progress {
|
|||
color: #bbb;
|
||||
}
|
||||
|
||||
.actionSheetMenuItem:hover {
|
||||
background-color: #e8e8e8;
|
||||
}
|
||||
|
||||
.ui-body-a select {
|
||||
background: none;
|
||||
border-color: #757575;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue