mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
remove dead css
This commit is contained in:
parent
e453a5b9f7
commit
e7ba8f57af
7 changed files with 65 additions and 303 deletions
|
@ -549,7 +549,7 @@ a[data-role='button'], .type-interior button:not([data-role='none']):not(.clearB
|
||||||
}
|
}
|
||||||
|
|
||||||
.activeDevicesCollapsible .ui-collapsible-content {
|
.activeDevicesCollapsible .ui-collapsible-content {
|
||||||
padding: .25em !important;
|
padding: .5em .5em !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.activeSession:not(.playingSession) .sessionNowPlayingContent {
|
.activeSession:not(.playingSession) .sessionNowPlayingContent {
|
||||||
|
@ -648,3 +648,52 @@ a[data-role='button'], .type-interior button:not([data-role='none']):not(.clearB
|
||||||
.disabledUserBanner {
|
.disabledUserBanner {
|
||||||
margin: 0 0 2em;
|
margin: 0 0 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.appLinks a {
|
||||||
|
text-decoration: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.appLinks a + a {
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.appLinks img {
|
||||||
|
height: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
Media Library Page
|
||||||
|
*/
|
||||||
|
.mediaFolderButtons {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mediaFolderLocations {
|
||||||
|
margin: 1em .25em !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mediaLocationsHeader {
|
||||||
|
padding-top: .75em !important;
|
||||||
|
padding-bottom: .75em !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mediaLocationsHeader .ui-btn {
|
||||||
|
position: absolute;
|
||||||
|
right: -3px;
|
||||||
|
margin-top: 0 !important;
|
||||||
|
margin-bottom: 0 !important;
|
||||||
|
top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnShowStatusMessage {
|
||||||
|
font-weight: normal !important;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnShowStatusMessage:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.supporterMembershipDisabled .tabSupporterMembership {
|
||||||
|
display: none;
|
||||||
|
}
|
|
@ -2,15 +2,6 @@
|
||||||
visibility: hidden;
|
visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Fixes the issue of jqm panels altering the page background. */
|
|
||||||
.ui-panel-content-wrap {
|
|
||||||
background: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ui-panel fieldset + fieldset {
|
|
||||||
margin-top: 2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.headerArrowImage {
|
.headerArrowImage {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
margin-left: .5em;
|
margin-left: .5em;
|
||||||
|
@ -167,7 +158,7 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.detailPageContent, .detailPageContent > table {
|
.detailPageContent {
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
border-spacing: 0;
|
border-spacing: 0;
|
||||||
|
@ -184,31 +175,10 @@
|
||||||
margin: .5em 0 .5em;
|
margin: .5em 0 .5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.listPaging paper-fab {
|
|
||||||
width: 40px;
|
|
||||||
height: 40px;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.viewControls + .listTopPaging {
|
.viewControls + .listTopPaging {
|
||||||
margin-left: .5em !important;
|
margin-left: .5em !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.labelPageSize {
|
|
||||||
margin-left: 1em !important;
|
|
||||||
display: inline !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.pageSizeContainer {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media all and (max-width: 650px) {
|
|
||||||
.pageSizeContainer {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.criticReview {
|
.criticReview {
|
||||||
margin: 1.5em 0;
|
margin: 1.5em 0;
|
||||||
background: #222;
|
background: #222;
|
||||||
|
@ -618,27 +588,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.libraryPanelHeader {
|
|
||||||
margin: 5px 0 15px 0;
|
|
||||||
font-size: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.libraryPanelHeader a {
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.libraryPanelHeader img {
|
|
||||||
height: 24px;
|
|
||||||
vertical-align: middle;
|
|
||||||
margin-right: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.libraryPanelHeader span {
|
|
||||||
color: #fff;
|
|
||||||
vertical-align: middle;
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
|
|
||||||
.detailImageProgressContainer {
|
.detailImageProgressContainer {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: 2px;
|
bottom: 2px;
|
||||||
|
@ -662,10 +611,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
margin-bottom: 2em;
|
margin-bottom: 2em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.editMetadataForm .ui-field-contain {
|
|
||||||
margin: .25em 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (max-height: 900px), (max-width: 800px) {
|
@media all and (max-height: 900px), (max-width: 800px) {
|
||||||
|
@ -1223,107 +1168,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.viewCollageImage {
|
|
||||||
display: inline-block;
|
|
||||||
margin: 0 1px 0 0;
|
|
||||||
width: 32.62%;
|
|
||||||
height: 49%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center 15%;
|
|
||||||
background-size: cover;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media all and (min-width: 650px) {
|
|
||||||
|
|
||||||
.viewCollageImage {
|
|
||||||
width: 32.9%;
|
|
||||||
height: 49.1%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@media all and (min-width: 1440px) {
|
|
||||||
|
|
||||||
.viewCollageImage {
|
|
||||||
width: 32.95%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.spotlight {
|
|
||||||
position: absolute;
|
|
||||||
left: 0;
|
|
||||||
right: 0;
|
|
||||||
background-size: cover;
|
|
||||||
background-position: center 25%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spotlight, .spotlightPlaceHolder {
|
|
||||||
height: 340px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spotlightContainer {
|
|
||||||
min-height: 340px;
|
|
||||||
margin-top: 3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spotlightPlaceHolder {
|
|
||||||
margin-bottom: 3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spotlightTitle {
|
|
||||||
margin: 1em 0 .2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spotlightContent {
|
|
||||||
position: absolute;
|
|
||||||
top: 60px;
|
|
||||||
bottom: 55px;
|
|
||||||
left: 210px;
|
|
||||||
width: 600px;
|
|
||||||
background: rgba(0,0,0,.8);
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rightSpotlightContent {
|
|
||||||
left: initial;
|
|
||||||
width: 400px;
|
|
||||||
right: 100px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spotlightPoster {
|
|
||||||
height: 100%;
|
|
||||||
background-size: 150px 100%;
|
|
||||||
background-position: left center;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rightSpotlightContent .spotlightPoster {
|
|
||||||
background-size: 100% 180px;
|
|
||||||
background-position: center top;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spotlightContentInner {
|
|
||||||
padding: 1em 1em 1em 170px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spotlightContentInner p {
|
|
||||||
max-height: 130px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
|
|
||||||
.rightSpotlightContent .spotlightContentInner {
|
|
||||||
padding: 195px 1em 1em 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media all and (max-height: 1079px) and (max-width: 1400px) {
|
|
||||||
|
|
||||||
.spotlightContainer {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.channelHeader {
|
.channelHeader {
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -1444,14 +1288,6 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.studioTabDisabled .tvStudiosTab, .studioTabDisabled .movieStudiosTab {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tvEpisodesTabDisabled .tvEpisodesTab {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.homeFavoritesDisabled .homeFavoritesTab {
|
.homeFavoritesDisabled .homeFavoritesTab {
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
|
|
@ -121,7 +121,7 @@ h1 a:hover {
|
||||||
color: #52B54B !important;
|
color: #52B54B !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
input:not(.paper-input):not(.likePaperText):not([type='checkbox']):not([type='radio']):not([type='file']):not([type='range']):not([is='emby-input']) {
|
input:not(.paper-input):not([type='checkbox']):not([type='radio']):not([type='file']):not([type='range']):not([is='emby-input']) {
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
-webkit-rtl-ordering: logical;
|
-webkit-rtl-ordering: logical;
|
||||||
|
@ -429,10 +429,6 @@ paper-input + .fieldDescription {
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invalidEntry {
|
|
||||||
background-color: lightpink !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Tabs (e.g. advanced metadata page) */
|
/* Tabs (e.g. advanced metadata page) */
|
||||||
.localnav {
|
.localnav {
|
||||||
margin-bottom: 30px !important;
|
margin-bottom: 30px !important;
|
||||||
|
@ -450,22 +446,6 @@ paper-input + .fieldDescription {
|
||||||
padding-bottom: 160px;
|
padding-bottom: 160px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.appLinks a {
|
|
||||||
text-decoration: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.appLinks a + a {
|
|
||||||
margin-left: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.appLinks img {
|
|
||||||
height: 36px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.activeDevicesCollapsible .ui-collapsible-content {
|
|
||||||
padding: .5em .5em !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media all and (min-width: 450px) {
|
@media all and (min-width: 450px) {
|
||||||
|
|
||||||
.currentUsername {
|
.currentUsername {
|
||||||
|
@ -501,30 +481,6 @@ paper-input + .fieldDescription {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
|
||||||
Media Library Page
|
|
||||||
*/
|
|
||||||
.mediaFolderButtons {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mediaFolderLocations {
|
|
||||||
margin: 1em .25em !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mediaLocationsHeader {
|
|
||||||
padding-top: .75em !important;
|
|
||||||
padding-bottom: .75em !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mediaLocationsHeader .ui-btn {
|
|
||||||
position: absolute;
|
|
||||||
right: -3px;
|
|
||||||
margin-top: 0 !important;
|
|
||||||
margin-bottom: 0 !important;
|
|
||||||
top: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#ulDirectoryPickerList a {
|
#ulDirectoryPickerList a {
|
||||||
padding-top: .4em;
|
padding-top: .4em;
|
||||||
padding-bottom: .4em;
|
padding-bottom: .4em;
|
||||||
|
@ -663,19 +619,6 @@ progress {
|
||||||
opacity: .5;
|
opacity: .5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.userProfileIcon {
|
|
||||||
width: 36px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btnShowStatusMessage {
|
|
||||||
font-weight: normal !important;
|
|
||||||
text-decoration: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.btnShowStatusMessage:hover {
|
|
||||||
text-decoration: underline;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dashboardFooter {
|
.dashboardFooter {
|
||||||
margin-top: 50px;
|
margin-top: 50px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
@ -729,10 +672,6 @@ progress {
|
||||||
user-drag: none;
|
user-drag: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.supporterMembershipDisabled .tabSupporterMembership {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.syncActivityForTarget {
|
.syncActivityForTarget {
|
||||||
margin: 0 0 3em 0;
|
margin: 0 0 3em 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -115,10 +115,6 @@ h1, h1 a {
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.libraryPanelHeader span {
|
|
||||||
font-weight: 400;
|
|
||||||
}
|
|
||||||
|
|
||||||
.noSecondaryNavPage .itemBackdrop {
|
.noSecondaryNavPage .itemBackdrop {
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -6,6 +6,15 @@
|
||||||
border-color: #454545 /*{b-page-border}*/;
|
border-color: #454545 /*{b-page-border}*/;
|
||||||
color: #fff /*{b-page-color}*/;
|
color: #fff /*{b-page-color}*/;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Fixes the issue of jqm panels altering the page background. */
|
||||||
|
.ui-panel-content-wrap {
|
||||||
|
background: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ui-panel fieldset + fieldset {
|
||||||
|
margin-top: 2em;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
<div data-role="content">
|
<div data-role="content">
|
||||||
<div style="text-align: center;">
|
<div style="text-align: center;">
|
||||||
|
|
|
@ -1650,14 +1650,6 @@ var AppInfo = {};
|
||||||
elem.classList.add('touch');
|
elem.classList.add('touch');
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!AppInfo.enableStudioTabs) {
|
|
||||||
elem.classList.add('studioTabDisabled');
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!AppInfo.enableTvEpisodesTab) {
|
|
||||||
elem.classList.add('tvEpisodesTabDisabled');
|
|
||||||
}
|
|
||||||
|
|
||||||
if (!AppInfo.enableSupporterMembership) {
|
if (!AppInfo.enableSupporterMembership) {
|
||||||
elem.classList.add('supporterMembershipDisabled');
|
elem.classList.add('supporterMembershipDisabled');
|
||||||
}
|
}
|
||||||
|
@ -2057,7 +2049,7 @@ var AppInfo = {};
|
||||||
Dashboard.navigate('mypreferencesmenu.html?userId=' + ApiClient.getCurrentUserId());
|
Dashboard.navigate('mypreferencesmenu.html?userId=' + ApiClient.getCurrentUserId());
|
||||||
};
|
};
|
||||||
|
|
||||||
embyRouter.showItem = function (item) {
|
function showItem(item) {
|
||||||
if (typeof (item) === 'string') {
|
if (typeof (item) === 'string') {
|
||||||
require(['connectionManager'], function (connectionManager) {
|
require(['connectionManager'], function (connectionManager) {
|
||||||
var apiClient = connectionManager.currentApiClient();
|
var apiClient = connectionManager.currentApiClient();
|
||||||
|
@ -2066,7 +2058,9 @@ var AppInfo = {};
|
||||||
} else {
|
} else {
|
||||||
Dashboard.navigate(LibraryBrowser.getHref(item));
|
Dashboard.navigate(LibraryBrowser.getHref(item));
|
||||||
}
|
}
|
||||||
};
|
}
|
||||||
|
|
||||||
|
embyRouter.showItem = showItem;
|
||||||
|
|
||||||
return embyRouter;
|
return embyRouter;
|
||||||
});
|
});
|
||||||
|
|
61
dashboard-ui/thirdparty/paper-button-style.css
vendored
61
dashboard-ui/thirdparty/paper-button-style.css
vendored
|
@ -184,29 +184,6 @@ paper-button.notext {
|
||||||
margin-right: 0;
|
margin-right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bottomFab {
|
|
||||||
bottom: 90px;
|
|
||||||
}
|
|
||||||
|
|
||||||
paper-dialog {
|
|
||||||
border-radius: 4px;
|
|
||||||
z-index: 999999 !important;
|
|
||||||
font-family: inherit !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
paper-dialog h2 {
|
|
||||||
font-family: inherit !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
iron-overlay-backdrop {
|
|
||||||
z-index: 999998 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* These values default to 24px and create huge white padding around the dialog content. */
|
|
||||||
.scrollable.paper-dialog-scrollable {
|
|
||||||
padding: 0 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
paper-icon-button paper-ripple {
|
paper-icon-button paper-ripple {
|
||||||
color: inherit !important;
|
color: inherit !important;
|
||||||
}
|
}
|
||||||
|
@ -215,14 +192,6 @@ paper-icon-button paper-ripple {
|
||||||
color: #444 !important;
|
color: #444 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
paper-dialog + iron-overlay-backdrop {
|
|
||||||
background-color: transparent !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
paper-dialog[role="alertdialog"] + iron-overlay-backdrop {
|
|
||||||
background-color: #000 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
paper-tabs {
|
paper-tabs {
|
||||||
background-color: #020202;
|
background-color: #020202;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
@ -493,36 +462,6 @@ paper-radio-group > * {
|
||||||
padding: .5em;
|
padding: .5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.likePaperText {
|
|
||||||
-webkit-appearance: none;
|
|
||||||
-webkit-font-smoothing: antialiased;
|
|
||||||
-webkit-rtl-ordering: logical;
|
|
||||||
-webkit-user-select: text;
|
|
||||||
background: none !important;
|
|
||||||
background-color: transparent !important;
|
|
||||||
border: 1px solid gray !important;
|
|
||||||
border-width: 0 0 1px 0 !important;
|
|
||||||
color: #fff !important;
|
|
||||||
box-shadow: none;
|
|
||||||
outline: none !important;
|
|
||||||
padding: 0 !important;
|
|
||||||
position: relative;
|
|
||||||
text-indent: 0px !important;
|
|
||||||
width: 100%;
|
|
||||||
-webkit-writing-mode: horizontal-tb;
|
|
||||||
margin: 0 0 1em 0 !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.likePaperText:focus {
|
|
||||||
border-color: #52B54B !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.likePaperLabel {
|
|
||||||
margin: 1em 0 .5em !important;
|
|
||||||
color: #858585 !important;
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
div.dialogHeader {
|
div.dialogHeader {
|
||||||
padding: .35em .5em;
|
padding: .35em .5em;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue