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) {
|
||||
.padded-left-withalphapicker {
|
||||
padding-left: 7.5%;
|
||||
}
|
||||
|
||||
.padded-right-withalphapicker {
|
||||
padding-right: 7.5%;
|
||||
}
|
||||
|
|
|
@ -112,20 +112,12 @@
|
|||
bottom: 1%;
|
||||
}
|
||||
|
||||
.alphaPicker-fixed-left {
|
||||
left: .4em;
|
||||
}
|
||||
|
||||
.alphaPicker-fixed-right {
|
||||
right: .4em;
|
||||
}
|
||||
|
||||
@media all and (min-width: 62.5em) {
|
||||
|
||||
.alphaPicker-fixed-left {
|
||||
left: 1em;
|
||||
}
|
||||
|
||||
.alphaPicker-fixed-right {
|
||||
right: 1em;
|
||||
}
|
||||
|
|
|
@ -203,15 +203,9 @@ define(["globalize", "listView", "layoutManager", "userSettings", "focusManager"
|
|||
|
||||
if ("SortName" === values.sortBy && "Ascending" === values.sortOrder && numItems > 40) {
|
||||
alphaPicker.classList.remove("hide");
|
||||
|
||||
if (layoutManager.tv) {
|
||||
instance.itemsContainer.parentNode.classList.add("padded-left-withalphapicker");
|
||||
} else {
|
||||
instance.itemsContainer.parentNode.classList.add("padded-right-withalphapicker");
|
||||
}
|
||||
instance.itemsContainer.parentNode.classList.add("padded-right-withalphapicker");
|
||||
} else {
|
||||
alphaPicker.classList.add("hide");
|
||||
instance.itemsContainer.parentNode.classList.remove("padded-left-withalphapicker");
|
||||
instance.itemsContainer.parentNode.classList.remove("padded-right-withalphapicker");
|
||||
}
|
||||
}
|
||||
|
@ -540,15 +534,9 @@ define(["globalize", "listView", "layoutManager", "userSettings", "focusManager"
|
|||
self.scroller = view.querySelector(".scrollFrameY");
|
||||
var alphaPickerElement = self.alphaPickerElement;
|
||||
|
||||
if (layoutManager.tv) {
|
||||
alphaPickerElement.classList.add("alphaPicker-fixed-left");
|
||||
alphaPickerElement.classList.add("focuscontainer-left");
|
||||
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");
|
||||
}
|
||||
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
||||
alphaPickerElement.classList.add("focuscontainer-right");
|
||||
self.itemsContainer.parentNode.classList.add("padded-right-withalphapicker");
|
||||
|
||||
self.alphaPicker = new alphaPicker({
|
||||
element: alphaPickerElement,
|
||||
|
|
|
@ -169,13 +169,8 @@ define(["loading", "layoutManager", "userSettings", "events", "libraryBrowser",
|
|||
valueChangeEvent: "click"
|
||||
});
|
||||
|
||||
if (layoutManager.tv) {
|
||||
alphaPickerElement.classList.add("alphaPicker-fixed-left");
|
||||
itemsContainer.classList.add("padded-left-withalphapicker");
|
||||
} else {
|
||||
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
||||
itemsContainer.classList.add("padded-right-withalphapicker");
|
||||
}
|
||||
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
||||
itemsContainer.classList.add("padded-right-withalphapicker");
|
||||
}
|
||||
|
||||
var btnFilter = tabContent.querySelector(".btnFilter");
|
||||
|
|
|
@ -206,15 +206,9 @@ define(["layoutManager", "loading", "events", "libraryBrowser", "imageLoader", "
|
|||
valueChangeEvent: "click"
|
||||
});
|
||||
|
||||
if (layoutManager.tv) {
|
||||
tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-left");
|
||||
alphaPickerElement.classList.add("alphaPicker-fixed-left");
|
||||
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(".alphaPicker").classList.add("alphabetPicker-right");
|
||||
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
||||
itemsContainer.classList.add("padded-right-withalphapicker");
|
||||
|
||||
tabContent.querySelector(".btnFilter").addEventListener("click", function () {
|
||||
self.showFilterMenu();
|
||||
|
|
|
@ -213,15 +213,9 @@ define(["layoutManager", "playbackManager", "loading", "events", "libraryBrowser
|
|||
valueChangeEvent: "click"
|
||||
});
|
||||
|
||||
if (layoutManager.tv) {
|
||||
tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-left");
|
||||
alphaPickerElement.classList.add("alphaPicker-fixed-left");
|
||||
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(".alphaPicker").classList.add("alphabetPicker-right");
|
||||
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
||||
itemsContainer.classList.add("padded-right-withalphapicker");
|
||||
|
||||
tabContent.querySelector(".btnFilter").addEventListener("click", function () {
|
||||
self.showFilterMenu();
|
||||
|
|
|
@ -195,15 +195,9 @@ define(["layoutManager", "loading", "events", "libraryBrowser", "imageLoader", "
|
|||
valueChangeEvent: "click"
|
||||
});
|
||||
|
||||
if (layoutManager.tv) {
|
||||
tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-left");
|
||||
alphaPickerElement.classList.add("alphaPicker-fixed-left");
|
||||
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(".alphaPicker").classList.add("alphabetPicker-right");
|
||||
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
||||
itemsContainer.classList.add("padded-right-withalphapicker");
|
||||
|
||||
tabContent.querySelector(".btnFilter").addEventListener("click", function () {
|
||||
self.showFilterMenu();
|
||||
|
|
|
@ -223,15 +223,10 @@ define(["layoutManager", "loading", "events", "libraryBrowser", "imageLoader", "
|
|||
element: alphaPickerElement,
|
||||
valueChangeEvent: "click"
|
||||
});
|
||||
if (layoutManager.tv) {
|
||||
tabContent.querySelector(".alphaPicker").classList.add("alphabetPicker-left");
|
||||
alphaPickerElement.classList.add("alphaPicker-fixed-left");
|
||||
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(".alphaPicker").classList.add("alphabetPicker-right");
|
||||
alphaPickerElement.classList.add("alphaPicker-fixed-right");
|
||||
itemsContainer.classList.add("padded-right-withalphapicker");
|
||||
|
||||
tabContent.querySelector(".btnFilter").addEventListener("click", function () {
|
||||
self.showFilterMenu();
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue