Доточить позиционирование UI

This commit is contained in:
2026-08-22 16:35:41 +03:00
parent ea19e511c0
commit 63b66c48d8
6 changed files with 427 additions and 13 deletions
+1 -9
View File
@@ -97,14 +97,10 @@ function compareChatRows(a, b) {
export function render({ navigate, chrome }) {
const screen = document.createElement('section');
screen.className = 'stack dm-screen dm-list-screen';
const login = String(state.session.login || '').trim();
const head = document.createElement('header');
head.className = 'dm-head';
head.innerHTML = `
<div class="dm-head-brand">
<div class="dm-head-avatar-slot"></div>
</div>
<div class="dm-head-brand" aria-hidden="true"></div>
<h1 class="dm-head-title">Контакты</h1>
<div class="dm-head-menu-wrap">
<button type="button" class="dm-head-menu-btn" aria-label="Меню контактов" aria-haspopup="menu" aria-expanded="false">
@@ -120,10 +116,6 @@ export function render({ navigate, chrome }) {
</div>
</div>
`;
const headAvatarSlot = head.querySelector('.dm-head-avatar-slot');
if (headAvatarSlot) {
headAvatarSlot.append(createDmAvatar(login, { className: 'dm-head-avatar' }));
}
const menuButton = head.querySelector('.dm-head-menu-btn');
menuButton?.append(createOverflowDots());
+3
View File
@@ -499,6 +499,9 @@ export function render({ navigate, route, chrome } = {}) {
{ label: 'Найти', onClick: openSearchModal },
],
});
// «Связи» используют тот же общий topbar, что и остальные страницы.
// Отдельный класс нужен только для page-specific fade графа, не для геометрии header.
header.classList.add('network-topbar');
// Ресайз и перерисовку рёбер движок обрабатывает сам (window resize + ResizeObserver внутри).
screen.cleanup = () => {
+1 -1
View File
@@ -134,7 +134,7 @@ async function enrichItem(item, activeTab) {
function renderEmpty(activeTab) {
const card = document.createElement('article');
card.className = 'card stack';
card.className = 'card stack notification-empty-state';
const title = document.createElement('strong');
title.textContent = activeTab === 'events' ? 'Пока нет событий' : 'Пока нет ответов';
const text = document.createElement('p');