(function() { function main() { var headContainer = document.getElementsByClassName("n102-00__container")[0]; var headContainerContacts = document.getElementsByClassName("n102-00__contacts")[0]; var localSocialIconBox = document.createElement("div"); localSocialIconBox.classList.add("n107-00__item", "n107-00__item--socials", "headSocialIcons"); headContainer.insertBefore(localSocialIconBox, headContainerContacts); localSocialIconBox.insertAdjacentHTML('afterbegin', ' '); function headSocialPositionDesktop() { headContainerContacts.style.marginLeft="1rem"; localSocialIconBox.setAttribute("style", "min-width: 42px; max-width: max-content; -moz-max-width: max-content; -webkit-max-width: max-content; margin-left: auto; font-size: 3rem;"); var localSocialIconLink = localSocialIconBox.getElementsByClassName("atm u103-00")[0]; var localSocialIcon = localSocialIconBox.getElementsByClassName("u103-00__icon icon-social--whatsapp")[0]; localSocialIconLink.setAttribute("style", "margin: .5rem"); localSocialIcon.setAttribute("style", "color: #000!Important;"); }; function headSocialPositionTablet() { headContainerContacts.style.marginLeft="0"; localSocialIconBox.setAttribute("style", "min-width: 42px; max-width: max-content; -moz-max-width: max-content; -webkit-max-width: max-content; font-size: 3rem;"); var localSocialIconLink = localSocialIconBox.getElementsByClassName("atm u103-00")[0]; var localSocialIcon = localSocialIconBox.getElementsByClassName("u103-00__icon icon-social--whatsapp")[0]; localSocialIconLink.setAttribute("style", "margin: .5rem"); localSocialIcon.setAttribute("style", "color: #fff!Important; opacity: .8;"); }; function headSocialPositionMobile() { headContainerContacts.style.marginLeft="auto"; localSocialIconBox.setAttribute("style", "min-width: 42px; max-width: max-content; -moz-max-width: max-content; -webkit-max-width: max-content; position: fixed; right: 1rem; top: 60px; display: flex; flex-direction: column; background-color: #000; opacity: .5!Important; padding: .4rem; border-radius: 50px; font-size: 2.5rem;"); var localSocialIconLink = localSocialIconBox.getElementsByClassName("atm u103-00")[0]; var localSocialIcon = localSocialIconBox.getElementsByClassName("u103-00__icon icon-social--whatsapp")[0]; localSocialIconLink.setAttribute("style", "margin: .5rem"); localSocialIcon.setAttribute("style", "color: #fff!Important; opacity: 1;"); }; function headSocialPosition() { switch(true) { case window.innerWidth >= 1024: headSocialPositionDesktop(); break; case window.innerWidth < 1024 && window.innerWidth > 767: headSocialPositionTablet(); break; case window.innerWidth <= 767: headSocialPositionMobile(); break; }; }; headSocialPosition(); window.addEventListener("resize", event => { var headHasSocial = headContainer.getElementsByClassName("headSocialIcons"); for (i=0; i < headHasSocial.lenght; i++) { headContainer.removeChild(headHasSocial[i]); } headSocialPosition(); }); }; // проверка загрузки компонента function waitForComponentsUploaded() { var waitComponentNode = document.querySelector('[data-section-name="gnr_n102-00"]'); var waitComponentNodeСompleted = waitComponentNode.hasAttribute("data-component-completed"); if (waitComponentNodeСompleted) { try { main(); } catch(e) { console.log(e); }; } else { setTimeout(waitForComponentsUploaded, 300); }; }; waitForComponentsUploaded(); })();

ПОДДЕРЖКА