Обновить UI для меню и языка

shine-UI/js/pages/messages-list.js

@@ -227,6 +227,7 @@ export function render({ navigate, chrome }) {
   const chatFilterMenu = createDropdownMenu({
     anchorEl: filterTitle,
     align: 'left',
+    leftShift: 72,
     minWidth: 225,
     items: [
       { label: 'Все чаты', action: () => { currentChatFilter = 'all'; filterTitle.textContent = filterLabels.all; reloadForFilter(); } },
@@ -259,11 +260,13 @@ export function render({ navigate, chrome }) {
     const menuWidth = menuPortal.offsetWidth || 206;
     const left = Math.max(margin, Math.min(window.innerWidth - menuWidth - margin, rect.right - menuWidth));
     menuPortal.style.left = `${Math.round(left)}px`;
-    menuPortal.style.top = `${Math.round(rect.bottom + 7)}px`;
+    const titleRect = filterTitle?.getBoundingClientRect?.();
+    menuPortal.style.top = `${Math.round((titleRect?.bottom || rect.bottom) + 7)}px`;
   };
 
   const openHeadMenu = () => {
     if (!menuButton || menuPortal) return;
+    document.dispatchEvent(new CustomEvent('shine:dropdown-open', { detail: { owner: menuButton } }));
     const portal = document.createElement('div');
     portal.className = 'dm-head-menu dm-head-menu--portal';
     portal.setAttribute('role', 'menu');
@@ -304,6 +307,10 @@ export function render({ navigate, chrome }) {
     if (menuPortal.contains(event.target) || menuButton?.contains(event.target)) return;
     closeHeadMenu();
   };
+  const onPeerDropdownOpen = (event) => {
+    if (!menuPortal || event?.detail?.owner === menuButton) return;
+    closeHeadMenu();
+  };
   const onMenuKeydown = (event) => {
     if (event.key !== 'Escape' || !menuPortal) return;
     closeHeadMenu();
@@ -312,6 +319,7 @@ export function render({ navigate, chrome }) {
   const onMenuViewportChange = () => positionHeadMenu();
   document.addEventListener('click', onOutsideClick);
   document.addEventListener('keydown', onMenuKeydown);
+  document.addEventListener('shine:dropdown-open', onPeerDropdownOpen);
   window.addEventListener('resize', onMenuViewportChange, { passive: true });
   window.addEventListener('scroll', onMenuViewportChange, { passive: true, capture: true });
 
@@ -487,6 +495,7 @@ function renderRow(item) {
     chatFilterMenu.destroy();
     document.removeEventListener('click', onOutsideClick);
     document.removeEventListener('keydown', onMenuKeydown);
+    document.removeEventListener('shine:dropdown-open', onPeerDropdownOpen);
     window.removeEventListener('resize', onMenuViewportChange);
     window.removeEventListener('scroll', onMenuViewportChange, true);
   };