From 0f30317bb49353bf3d86216d80d2d3045be699e1f4f7c1beb539234f9d3e6ca2 Mon Sep 17 00:00:00 2001
From: peradas <artwork7711@gmail.com>
Date: Sat, 22 Aug 2026 17:00:26 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D0=B4=D0=BD=D1=8F=D1=82=D1=8C=20?=
 =?UTF-8?q?=D0=B1=D0=B5=D0=B9=D0=B4=D0=B6=20=D0=BA=D0=B0=D0=BD=D0=B0=D0=BB?=
 =?UTF-8?q?=D0=B0=20=D0=B8=20=D0=BE=D0=BF=D1=83=D1=81=D1=82=D0=B8=D1=82?=
 =?UTF-8?q?=D1=8C=20=D0=B2=D1=80=D0=B5=D0=BC=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 shine-UI/js/pages/channels-list.js |  2 ++
 shine-UI/styles/components.css     | 16 ++++++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/shine-UI/js/pages/channels-list.js b/shine-UI/js/pages/channels-list.js
index e0d2d947..b48946b7 100644
--- a/shine-UI/js/pages/channels-list.js
+++ b/shine-UI/js/pages/channels-list.js
@@ -13,6 +13,7 @@ import {
 } from '../services/channels-ux.js';
 import { makeShineChannelRoute } from '../services/shine-routes.js';
 import { renderAvatar } from '../components/avatar-image.js';
+import { createOverflowDots } from '../components/overflow-dots.js';
 import { parseDmTechBlocks } from '../services/dm-tech-blocks.js';
 
 export const pageMeta = { id: 'channels-list', title: 'Каналы' };
@@ -1226,6 +1227,7 @@ function renderListContent({ screen, container, listState, navigate, refreshFeed
     const count = document.createElement('span');
     count.className = 'unread channel-row-count';
     const unreadCount = Number(channel.unreadCount || 0);
+    count.hidden = unreadCount <= 0;
     count.textContent = unreadCount > 0 ? String(unreadCount) : '';
     count.classList.toggle('is-empty', unreadCount <= 0);
 
diff --git a/shine-UI/styles/components.css b/shine-UI/styles/components.css
index b1179a18..79ad1591 100644
--- a/shine-UI/styles/components.css
+++ b/shine-UI/styles/components.css
@@ -4208,6 +4208,16 @@ textarea.input {
   line-height: 1;
 }
 
+.channels-screen--list .channel-row-count {
+  grid-row: 1;
+  align-self: start;
+  justify-self: end;
+}
+
+.channels-screen--list .channel-row-count[hidden] {
+  display: none !important;
+}
+
 .channels-bottom-action {
   margin-top: 6px;
   min-height: 48px;
@@ -5236,6 +5246,12 @@ textarea.input {
   gap: 6px;
   position: relative;
   min-width: 44px;
+  grid-template-rows: auto auto;
+}
+
+.channels-screen--list .channel-row-time {
+  grid-row: 2;
+  align-self: end;
 }
 
 .channel-menu-trigger {