fix(web): крупные стрелки устройств и панели, не уезжающие за экран

- стрелки настроек микрофона, камеры и наушников стали прямоугольниками во всю
  высоту основной кнопки (32 px) и шириной около трети кнопки: по ним легко
  попасть, группы не наслаиваются и не выходят за панель (сайдбар расширен до
  256 px, у групп фиксированная ширина 36 px);
- поповеры и меню теперь позиционируются от рабочей области: новая
  `useAnchoredPosition` прижимает панель к краям окна, выбирает сторону с
  большим запасом места и ограничивает высоту, а содержимое прокручивается —
  подписи устройств и слайдер громкости больше не обрезаются;
- тесты: геометрия группы стрелки, открытие меню и ограничение положения
  панели в пределах окна (289 тестов Vitest).

This commit is contained in:

grendervill

2026-09-20 14:35:08 +03:00

parent a126f50468

commit 494589ffca

6 changed files with 189 additions and 17 deletions

									
										web/src/pages/app/AppLayout.tsx
									
		+1
		-1
	
												View File
												
				@@ -162,7 +162,7 @@ export default function AppLayout() {

				        */}

				        <div

				          data-testid="app-sidebar-column"

				          className="flex w-60 shrink-0 flex-col border-r border-border/40 bg-surface-1"

				          className="flex w-64 shrink-0 flex-col border-r border-border/40 bg-surface-1"

				        >

				          {isFriends ? (

				            <FriendsSidebar channelId={dmChannelId} />