(function() { var socialIconsContainerTrue = document.getElementsByClassName("u111-00__container"); var topMenuInner = document.getElementsByClassName("n101-00__panel-inner"); var contactsLeftMarginDel = document.getElementsByClassName("n101-00__contacts"); var socialIcons = document.getElementsByClassName("n105-00__col n105-00__col--socials"); var socialIconsClone = socialIcons[0].cloneNode(true); topMenuInner[0].append(socialIconsClone); socialIconsClone.classList.add("socialIconsHeaderClone"); var socialIconsCloneChilds = socialIconsClone.getElementsByTagName("i"); var socialIconsContainer = socialIconsClone.getElementsByClassName("u111-00__container"); var socialIconsContainerItem = socialIconsClone.getElementsByClassName("u111-00__item"); var socialIconsContainerInner = socialIconsClone.getElementsByClassName("n105-00__col-inner"); const mediaQueryListActive = window.matchMedia("screen and (max-width: 1024px)"); const mediaQueryListActiveMobile = window.matchMedia("screen and (max-width: 760px)"); const mediaQueryListActiveMobileFix600 = window.matchMedia("screen and (max-width: 600px)"); const mediaQueryListOrientationPortrait = window.matchMedia("screen and (orientation: portrait)"); const mediaQueryListOrientationLandscape = window.matchMedia("screen and (orientation: landscape)"); function setColorWhiteOpacity7(socialIconsCloneChildsColor) { socialIconsCloneChildsColor.setAttribute("style", "color: #fff !Important; opacity: .7;"); }; function setMarginBottomUset(socialIconsContainerItemMarginBottom) { socialIconsContainerItemMarginBottom.setAttribute("style", "margin-bottom: unset;"); }; function setMarginRightAndMarginBottom1(socialMarginRightAndMarginBottom1) { socialMarginRightAndMarginBottom1.setAttribute("style", "margin-right: 0; margin-bottom: .3em;"); }; function setMarginRightAndMarginBottom2(socialMarginRightAndMarginBottom2) { socialMarginRightAndMarginBottom2.setAttribute("style", "margin-right: 0; margin-bottom: .1em;"); }; function socialIconsCloneDesctopAndMobile() { socialIconsClone.setAttribute("style", "max-width: min-content; -moz-max-width: min-content; -webkit-max-width: min-content; margin-left: auto;"); }; function socialIconsContainerItemDisplayNone() { socialIconsContainerItem[i].setAttribute("style", "display: none"); }; function setContactsLeftMargin0() { contactsLeftMarginDel[0].style.marginLeft = "0"; }; function setSocialTopDesktop() { socialIconsCloneDesctopAndMobile(); contactsLeftMarginDel[0].style.marginLeft = "1em"; for (i = 0; i < socialIconsCloneChilds.length; i++) { setMarginBottomUset(socialIconsContainerItem[i]); socialIconsCloneChilds[i].setAttribute("style", "color: #000;"); if (i > 2) { socialIconsContainerItem[i].setAttribute("style", "display: flex"); }; } }; function setSocialTopMobile() { setContactsLeftMargin0(); socialIconsCloneDesctopAndMobile(); socialIconsContainer[0].setAttribute("style", "flex-direction: unset;"); socialIconsContainerInner[0].setAttribute("style", "margin: 1.6rem 0;"); if (socialIconsCloneChilds.length == 1 || socialIconsCloneChilds.length == 2) { for (i = 0; i < socialIconsCloneChilds.length; i++) { setMarginBottomUset(socialIconsContainerItem[i]); setColorWhiteOpacity7(socialIconsCloneChilds[i]); } } else { socialIconsContainerItem[2].setAttribute("style", "margin-right: 0;"); for (i = 0; i < socialIconsCloneChilds.length; i++) { setColorWhiteOpacity7(socialIconsCloneChilds[i]); if (i <= 2) { setMarginBottomUset(socialIconsContainerItem[i]); } else { socialIconsContainerItemDisplayNone(); }; } } }; function setSocialTopMobileFix() { if (socialIconsCloneChilds.length == 1) { setContactsLeftMargin0(); socialIconsCloneDesctopAndMobile(); setColorWhiteOpacity7(socialIconsCloneChilds[0]); } else { contactsLeftMarginDel[0].style.marginLeft = "auto"; socialIconsContainerInner[0].setAttribute("style", "margin: 0;"); socialIconsContainer[0].setAttribute("style", "flex-direction: column;"); socialIconsClone.setAttribute("style", "position: fixed; right: 0.5em; top: 60px; background-color: #000; opacity: .5; border-radius: 50px; max-width: min-content; -moz-max-width: min-content; -webkit-max-width: min-content; padding: .3em;"); if (socialIconsCloneChilds.length == 2) { setMarginRightAndMarginBottom1(socialIconsContainerItem[0]); setMarginRightAndMarginBottom2(socialIconsContainerItem[1]); } else { for (i = 0; i < 2; i++) { setMarginRightAndMarginBottom1(socialIconsContainerItem[i]); } setMarginRightAndMarginBottom2(socialIconsContainerItem[2]); } for (i = 0; i < socialIconsCloneChilds.length; i++) { socialIconsCloneChilds[i].setAttribute("style", "color: #fff !Important; opacity: .9;"); if (i > 2) { socialIconsContainerItemDisplayNone(); }; } } }; if (window.innerWidth > 1024) { setSocialTopDesktop(); } else if (window.innerWidth < 1024 && window.innerWidth > 760) { setSocialTopMobile(); } else if (window.innerWidth < 760) { setSocialTopMobileFix(); }; mediaQueryListActive.addEventListener('change', event => { if (event.matches) { setSocialTopMobile(); } else { setSocialTopDesktop(); }; }); mediaQueryListActiveMobile.addEventListener('change', event => { if (event.matches) { setSocialTopMobileFix(); } else { setSocialTopMobile(); }; }); mediaQueryListActiveMobileFix600.addEventListener('change', event => { if (event.matches) { setSocialTopMobileFix(); }; }); mediaQueryListOrientationPortrait.addEventListener('change', event => { if (event.matches && window.innerWidth < 760) { setSocialTopMobileFix(); }; }); mediaQueryListOrientationLandscape.addEventListener('change', event => { if (event.matches && window.innerWidth > 700 && window.innerWidth < 1023) { setSocialTopMobile(); } else if (event.matches && window.innerWidth > 1023) { setSocialTopDesktop(); }; }); })();

Предложения