mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
remove alphabetPicker-left alphaPicker-fixed-left padded-left-withalphapicker class
This commit is contained in:
parent
4939f2fd60
commit
f3426a97a1
8 changed files with 19 additions and 71 deletions
|
@ -895,10 +895,6 @@ div:not(.sectionTitleContainer-cards) > .sectionTitle-cards {
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (min-height:31.25em) {
|
@media all and (min-height:31.25em) {
|
||||||
.padded-left-withalphapicker {
|
|
||||||
padding-left: 7.5%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.padded-right-withalphapicker {
|
.padded-right-withalphapicker {
|
||||||
padding-right: 7.5%;
|
padding-right: 7.5%;
|
||||||
}
|
}
|
||||||
|
|
|
@ -112,20 +112,12 @@
|
||||||
bottom: 1%;
|
bottom: 1%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.alphaPicker-fixed-left {
|
|
||||||
left: .4em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alphaPicker-fixed-right {
|
.alphaPicker-fixed-right {
|
||||||
right: .4em;
|
right: .4em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media all and (min-width: 62.5em) {
|
@media all and (min-width: 62.5em) {
|
||||||
|
|
||||||
.alphaPicker-fixed-left {
|
|
||||||
left: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.alphaPicker-fixed-right {
|
.alphaPicker-fixed-right {
|
||||||
right: 1em;
|
right: 1em;
|
||||||
}
|
}
|
||||||
|
|
|
@ -203,15 +203,9 @@ define(["globalize", "listView", "layoutManager", "userSettings", "focusManager"
|
||||||
|
|
||||||
if ("SortName" === values.sortBy && "Ascending" === values.sortOrder && numItems > 40) {
|
if ("SortName" === values.sortBy && "Ascending" === values.sortOrder && numItems > 40) {
|
||||||
alphaPicker.classList.remove("hide");
|
alphaPicker.classList.remove("hide");
|
||||||
|
instance.itemsContainer.parentNode.classList.add("padded-right-withalphapicker");
|
||||||
if (layoutManager.tv) {
|
|
||||||
instance.itemsContainer.parentNode.classList.add("padded-left-withalphapicker");
|
|
||||||
} else {
|
|
||||||
instance.itemsContainer.parentNode.classList.add("padded-right-withalphapicker");
|
|
||||||
}
|
|
||||||
} else {
|
} else {
|
||||||
alphaPicker.classList.add("hide");
|
alphaPicker.classList.add("hide");
|
||||||
instance.itemsContainer.parentNode.classList.remove("padded-left-withalphapicker");
|
|
||||||
instance.itemsContainer.parentNode.classList.remove("padded-right-withalphapicker");
|
instance.itemsContainer.parentNode.classList.remove("padded-right-withalphapicker");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -540,15 +534,9 @@ define(["globalize", "listView", "layoutManager", "userSettings", "focusManager"
|
||||||
self.scroller = view.querySelector(".scrollFrameY");
|
self.scroller = view.querySelector(".scrollFrameY");
|
||||||
var alphaPickerElement = self.alphaPickerElement;
|
var alphaPickerElement = self.alphaPickerElement;
|
||||||
|
|
||||||
if (layoutManager.tv) {
|
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
||||||
alphaPickerElement.classList.add("alphaPicker-fixed-left");
|
alphaPickerElement.classList.add("focuscontainer-right");
|
||||||
alphaPickerElement.classList.add("focuscontainer-left");
|
self.itemsContainer.parentNode.classList.add("padded-right-withalphapicker");
|
||||||
self.itemsContainer.parentNode.classList.add("padded-left-withalphapicker");
|
|
||||||
} else {
|
|
||||||
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
|
||||||
alphaPickerElement.classList.add("focuscontainer-right");
|
|
||||||
self.itemsContainer.parentNode.classList.add("padded-right-withalphapicker");
|
|
||||||
}
|
|
||||||
|
|
||||||
self.alphaPicker = new alphaPicker({
|
self.alphaPicker = new alphaPicker({
|
||||||
element: alphaPickerElement,
|
element: alphaPickerElement,
|
||||||
|
|
|
@ -169,13 +169,8 @@ define(["loading", "layoutManager", "userSettings", "events", "libraryBrowser",
|
||||||
valueChangeEvent: "click"
|
valueChangeEvent: "click"
|
||||||
});
|
});
|
||||||
|
|
||||||
if (layoutManager.tv) {
|
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
||||||
alphaPickerElement.classList.add("alphaPicker-fixed-left");
|
itemsContainer.classList.add("padded-right-withalphapicker");
|
||||||
itemsContainer.classList.add("padded-left-withalphapicker");
|
|
||||||
} else {
|
|
||||||
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
|
||||||
itemsContainer.classList.add("padded-right-withalphapicker");
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
var btnFilter = tabContent.querySelector(".btnFilter");
|
var btnFilter = tabContent.querySelector(".btnFilter");
|
||||||
|
|
|
@ -206,15 +206,9 @@ define(["layoutManager", "loading", "events", "libraryBrowser", "imageLoader", "
|
||||||
valueChangeEvent: "click"
|
valueChangeEvent: "click"
|
||||||
});
|
});
|
||||||
|
|
||||||
if (layoutManager.tv) {
|
tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
|
||||||
tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-left");
|
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
||||||
alphaPickerElement.classList.add("alphaPicker-fixed-left");
|
itemsContainer.classList.add("padded-right-withalphapicker");
|
||||||
itemsContainer.classList.add("padded-left-withalphapicker");
|
|
||||||
} else {
|
|
||||||
tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
|
|
||||||
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
|
||||||
itemsContainer.classList.add("padded-right-withalphapicker");
|
|
||||||
}
|
|
||||||
|
|
||||||
tabContent.querySelector(".btnFilter").addEventListener("click", function () {
|
tabContent.querySelector(".btnFilter").addEventListener("click", function () {
|
||||||
self.showFilterMenu();
|
self.showFilterMenu();
|
||||||
|
|
|
@ -213,15 +213,9 @@ define(["layoutManager", "playbackManager", "loading", "events", "libraryBrowser
|
||||||
valueChangeEvent: "click"
|
valueChangeEvent: "click"
|
||||||
});
|
});
|
||||||
|
|
||||||
if (layoutManager.tv) {
|
tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
|
||||||
tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-left");
|
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
||||||
alphaPickerElement.classList.add("alphaPicker-fixed-left");
|
itemsContainer.classList.add("padded-right-withalphapicker");
|
||||||
itemsContainer.classList.add("padded-left-withalphapicker");
|
|
||||||
} else {
|
|
||||||
tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
|
|
||||||
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
|
||||||
itemsContainer.classList.add("padded-right-withalphapicker");
|
|
||||||
}
|
|
||||||
|
|
||||||
tabContent.querySelector(".btnFilter").addEventListener("click", function () {
|
tabContent.querySelector(".btnFilter").addEventListener("click", function () {
|
||||||
self.showFilterMenu();
|
self.showFilterMenu();
|
||||||
|
|
|
@ -195,15 +195,9 @@ define(["layoutManager", "loading", "events", "libraryBrowser", "imageLoader", "
|
||||||
valueChangeEvent: "click"
|
valueChangeEvent: "click"
|
||||||
});
|
});
|
||||||
|
|
||||||
if (layoutManager.tv) {
|
tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
|
||||||
tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-left");
|
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
||||||
alphaPickerElement.classList.add("alphaPicker-fixed-left");
|
itemsContainer.classList.add("padded-right-withalphapicker");
|
||||||
itemsContainer.classList.add("padded-left-withalphapicker");
|
|
||||||
} else {
|
|
||||||
tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
|
|
||||||
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
|
||||||
itemsContainer.classList.add("padded-right-withalphapicker");
|
|
||||||
}
|
|
||||||
|
|
||||||
tabContent.querySelector(".btnFilter").addEventListener("click", function () {
|
tabContent.querySelector(".btnFilter").addEventListener("click", function () {
|
||||||
self.showFilterMenu();
|
self.showFilterMenu();
|
||||||
|
|
|
@ -223,15 +223,10 @@ define(["layoutManager", "loading", "events", "libraryBrowser", "imageLoader", "
|
||||||
element: alphaPickerElement,
|
element: alphaPickerElement,
|
||||||
valueChangeEvent: "click"
|
valueChangeEvent: "click"
|
||||||
});
|
});
|
||||||
if (layoutManager.tv) {
|
|
||||||
tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-left");
|
tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
|
||||||
alphaPickerElement.classList.add("alphaPicker-fixed-left");
|
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
||||||
itemsContainer.classList.add("padded-left-withalphapicker");
|
itemsContainer.classList.add("padded-right-withalphapicker");
|
||||||
} else {
|
|
||||||
tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-right");
|
|
||||||
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
|
||||||
itemsContainer.classList.add("padded-right-withalphapicker");
|
|
||||||
}
|
|
||||||
|
|
||||||
tabContent.querySelector(".btnFilter").addEventListener("click", function () {
|
tabContent.querySelector(".btnFilter").addEventListener("click", function () {
|
||||||
self.showFilterMenu();
|
self.showFilterMenu();
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue