Fixed notification badge issue ( #33224db )
This commit is contained in:
parent
ef6695ee6d
commit
a50c845a8b
@ -58,6 +58,7 @@
|
|||||||
function contentTransitionLeft() {
|
function contentTransitionLeft() {
|
||||||
sectionContent.classList.add("xl:ltr:ml-0", "xl:rtl:mr-0");
|
sectionContent.classList.add("xl:ltr:ml-0", "xl:rtl:mr-0");
|
||||||
sectionContent.classList.remove("xl:ltr:ml-64", "xl:rtl:mr-64");
|
sectionContent.classList.remove("xl:ltr:ml-64", "xl:rtl:mr-64");
|
||||||
|
|
||||||
toggleButton.querySelector("span").classList.add("ltr:-rotate-90", "rtl:rotate-90");
|
toggleButton.querySelector("span").classList.add("ltr:-rotate-90", "rtl:rotate-90");
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -65,16 +66,19 @@
|
|||||||
function contentTransitionRight() {
|
function contentTransitionRight() {
|
||||||
sectionContent.classList.remove("xl:ltr:ml-0", "xl:rtl:mr-0");
|
sectionContent.classList.remove("xl:ltr:ml-0", "xl:rtl:mr-0");
|
||||||
sectionContent.classList.add("xl:ltr:ml-64", "xl:rtl:mr-64");
|
sectionContent.classList.add("xl:ltr:ml-64", "xl:rtl:mr-64");
|
||||||
|
|
||||||
toggleButton.querySelector("span").classList.remove("ltr:-rotate-90", "rtl:rotate-90");
|
toggleButton.querySelector("span").classList.remove("ltr:-rotate-90", "rtl:rotate-90");
|
||||||
}
|
}
|
||||||
|
|
||||||
function hiddenSidebar() {
|
function hiddenSidebar() {
|
||||||
sideBar.classList.add("menu-list-hidden");
|
sideBar.classList.add("menu-list-hidden");
|
||||||
|
|
||||||
toggleButton.classList.add("ltr:left-12", "rtl:right-12");
|
toggleButton.classList.add("ltr:left-12", "rtl:right-12");
|
||||||
}
|
}
|
||||||
|
|
||||||
function unHiddenSidebar() {
|
function unHiddenSidebar() {
|
||||||
toggleButton.classList.remove("ltr:left-12", "rtl:right-12");
|
toggleButton.classList.remove("ltr:left-12", "rtl:right-12");
|
||||||
|
|
||||||
sideBar.classList.remove("menu-list-hidden");
|
sideBar.classList.remove("menu-list-hidden");
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -147,6 +151,7 @@
|
|||||||
|
|
||||||
menu.classList.remove("ltr:-left-80", "rtl:-right-80");
|
menu.classList.remove("ltr:-left-80", "rtl:-right-80");
|
||||||
menu.classList.add("ltr:left-14", "rtl:right-14");
|
menu.classList.add("ltr:left-14", "rtl:right-14");
|
||||||
|
|
||||||
mainContent.classList.add("hidden");
|
mainContent.classList.add("hidden");
|
||||||
toggleButton.classList.add("invisible");
|
toggleButton.classList.add("invisible");
|
||||||
menuClose.classList.remove("hidden");
|
menuClose.classList.remove("hidden");
|
||||||
@ -154,7 +159,9 @@
|
|||||||
unHiddenSidebar();
|
unHiddenSidebar();
|
||||||
contentTransitionRight();
|
contentTransitionRight();
|
||||||
|
|
||||||
notificationCount("none");
|
if (menuRef === "notifications-menu") {
|
||||||
|
notificationCount("none");
|
||||||
|
}
|
||||||
|
|
||||||
//remove active (cancel text) class form target icon
|
//remove active (cancel text) class form target icon
|
||||||
} else if (menu.classList.contains(menuRef) && iconButton.children[0].textContent == "cancel") {
|
} else if (menu.classList.contains(menuRef) && iconButton.children[0].textContent == "cancel") {
|
||||||
@ -163,6 +170,7 @@
|
|||||||
|
|
||||||
menu.classList.add("ltr:-left-80", "rtl:-right-80");
|
menu.classList.add("ltr:-left-80", "rtl:-right-80");
|
||||||
menu.classList.remove("ltr:left-14", "rtl:right-14");
|
menu.classList.remove("ltr:left-14", "rtl:right-14");
|
||||||
|
|
||||||
mainContent.classList.remove("hidden");
|
mainContent.classList.remove("hidden");
|
||||||
toggleButton.classList.remove("invisible");
|
toggleButton.classList.remove("invisible");
|
||||||
menuClose.classList.add("hidden");
|
menuClose.classList.add("hidden");
|
||||||
@ -178,10 +186,13 @@
|
|||||||
menuClose.addEventListener("click", function() {
|
menuClose.addEventListener("click", function() {
|
||||||
menu.classList.add("ltr:-left-80", "rtl:-right-80");
|
menu.classList.add("ltr:-left-80", "rtl:-right-80");
|
||||||
menu.classList.remove("ltr:left-14", "rtl:right-14");
|
menu.classList.remove("ltr:left-14", "rtl:right-14");
|
||||||
|
|
||||||
iconButton.children[0].textContent = icon;
|
iconButton.children[0].textContent = icon;
|
||||||
iconButton.children[0].classList.remove("active");
|
iconButton.children[0].classList.remove("active");
|
||||||
|
|
||||||
mainContent.classList.remove("hidden");
|
mainContent.classList.remove("hidden");
|
||||||
this.classList.add("hidden");
|
this.classList.add("hidden");
|
||||||
|
|
||||||
toggleButton.classList.remove("invisible");
|
toggleButton.classList.remove("invisible");
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@ -201,6 +212,7 @@
|
|||||||
|
|
||||||
profile_icon_html.children[0].classList.remove("hidden");
|
profile_icon_html.children[0].classList.remove("hidden");
|
||||||
profile_icon_html.children[1].classList.add("hidden");
|
profile_icon_html.children[1].classList.add("hidden");
|
||||||
|
|
||||||
toggleButton.classList.add("invisible");
|
toggleButton.classList.add("invisible");
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -214,6 +226,7 @@
|
|||||||
|
|
||||||
settings_icon_html.children[0].textContent = "cancel";
|
settings_icon_html.children[0].textContent = "cancel";
|
||||||
settings_icon_html.children[0].classList.add("active");
|
settings_icon_html.children[0].classList.add("active");
|
||||||
|
|
||||||
toggleButton.classList.add("invisible");
|
toggleButton.classList.add("invisible");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user