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

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

@@ -966,6 +966,7 @@ function openTopChannelsMenu({
   onFindChannel,
 }) {
   closeTopChannelsMenu(listState);
+  document.dispatchEvent(new CustomEvent('shine:dropdown-open', { detail: { owner: anchorEl } }));
   const root = document.getElementById('modal-root');
   if (!root || !anchorEl) return;
 
@@ -975,7 +976,9 @@ function openTopChannelsMenu({
   left = Math.max(12, Math.min(left, window.innerWidth - menuWidth - 12));
 
   const estimatedHeight = 250;
-  let top = rect.bottom + 8;
+  const titleAnchor = document.querySelector('.channels-filter-title');
+  const titleRect = titleAnchor?.getBoundingClientRect?.();
+  let top = (titleRect?.bottom || rect.bottom) + 7;
   if (top + estimatedHeight > window.innerHeight - 10) {
     top = Math.max(12, rect.top - estimatedHeight - 8);
   }
@@ -1022,13 +1025,19 @@ function openTopChannelsMenu({
   const onOverlayClick = (event) => {
     if (event.target === overlay) closeTopChannelsMenu(listState);
   };
+  const onPeerDropdownOpen = (event) => {
+    if (event?.detail?.owner === anchorEl) return;
+    closeTopChannelsMenu(listState);
+  };
   const onWindowResize = () => closeTopChannelsMenu(listState);
 
   overlay.addEventListener('click', onOverlayClick);
   window.addEventListener('resize', onWindowResize);
+  document.addEventListener('shine:dropdown-open', onPeerDropdownOpen);
   listState.topMenuCleanup = () => {
     overlay.removeEventListener('click', onOverlayClick);
     window.removeEventListener('resize', onWindowResize);
+    document.removeEventListener('shine:dropdown-open', onPeerDropdownOpen);
   };
 }
 
@@ -1368,6 +1377,7 @@ export function render({ navigate, route, chrome }) {
   const channelsFilterMenu = createDropdownMenu({
     anchorEl: topTitle,
     align: 'left',
+    leftShift: 72,
     minWidth: 220,
     items: [
       { label: 'Все каналы', iconHtml: channelMenuIcon('all'), action: () => navigate(buildChannelsViewRoute(CHANNELS_VIEW_ALL)) },