Fixed notification badge issue ( #33224db )

This commit is contained in:
Cüneyt Şentürk 2022-06-28 10:53:37 +03:00
parent ef6695ee6d
commit a50c845a8b

View File

@ -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");
} }
} }