From 83892d509388f5ede9da86fe9c37fabef9b330cfb5615b79909f28a3603163db Mon Sep 17 00:00:00 2001
From: AidarKC <i@aidarkc.ru>
Date: Tue, 19 May 2026 15:05:29 +0300
Subject: [PATCH] =?UTF-8?q?UI:=20=D0=BF=D0=BE=D0=B4=D0=BD=D1=8F=D1=82?=
 =?UTF-8?q?=D0=B0=20=D1=84=D0=B8=D0=BA=D1=81=D0=B8=D1=80=D0=BE=D0=B2=D0=B0?=
 =?UTF-8?q?=D0=BD=D0=BD=D0=B0=D1=8F=20=D1=88=D0=B0=D0=BF=D0=BA=D0=B0=20?=
 =?UTF-8?q?=D0=B2=20=D0=BA=D0=B0=D0=BD=D0=B0=D0=BB=D0=B5=20=D0=B8=20=D1=82?=
 =?UTF-8?q?=D1=80=D0=B5=D0=B4=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...тие-верхней-фиксированной-шапки-канал-и-тред.md | 18 +++++++
 VERSION.properties                            |  4 +-
 shine-UI/styles/components.css                | 48 ++++++++++++++++---
 3 files changed, 61 insertions(+), 9 deletions(-)
 create mode 100644 Dev_Docs/Pending_Features/2026-05-19_1506_поднятие-верхней-фиксированной-шапки-канал-и-тред.md

diff --git a/Dev_Docs/Pending_Features/2026-05-19_1506_поднятие-верхней-фиксированной-шапки-канал-и-тред.md b/Dev_Docs/Pending_Features/2026-05-19_1506_поднятие-верхней-фиксированной-шапки-канал-и-тред.md
new file mode 100644
index 0000000..e6dee12
--- /dev/null
+++ b/Dev_Docs/Pending_Features/2026-05-19_1506_поднятие-верхней-фиксированной-шапки-канал-и-тред.md
@@ -0,0 +1,18 @@
+# Поднятие верхней фиксированной шапки (канал и тред)
+
+- Краткое описание:
+  - В `channel-view` и `channel-thread-view` верхняя фиксированная шапка (стрелка назад + центральная кнопка с названием) поднята выше к верхней границе экрана.
+  - Центральная кнопка и стрелка дополнительно подняты внутри шапки для более плотного позиционирования.
+  - Поведение hover/focus сохранено без визуального «прыжка» центральной кнопки.
+
+- Что проверять:
+  - В канале и в треде верхняя шапка визуально выше, чем до правки.
+  - Кнопка по центру и стрелка назад подняты и находятся на одной линии.
+  - При наведении курсора центральная кнопка не смещается.
+  - Шапка остаётся фиксированной при прокрутке.
+
+- Ожидаемый результат:
+  - Верхняя навигационная область выглядит компактнее и стабильнее.
+
+- Статус:
+  - `pending`
diff --git a/VERSION.properties b/VERSION.properties
index 2f5c123..be1d505 100644
--- a/VERSION.properties
+++ b/VERSION.properties
@@ -1,2 +1,2 @@
-client.version=1.2.69
-server.version=1.2.63
+client.version=1.2.70
+server.version=1.2.64
diff --git a/shine-UI/styles/components.css b/shine-UI/styles/components.css
index 2562680..2208573 100644
--- a/shine-UI/styles/components.css
+++ b/shine-UI/styles/components.css
@@ -1781,6 +1781,14 @@ textarea.input {
 .channels-screen .page-header {
   margin-bottom: 0;
   align-items: flex-end;
+  position: sticky;
+  top: calc(-1 * max(10px, env(safe-area-inset-top)));
+  z-index: 14;
+  padding: calc(max(10px, env(safe-area-inset-top)) + 2px) 0 6px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
+  background: rgba(8, 12, 20, 0.9);
+  backdrop-filter: blur(14px);
+  -webkit-backdrop-filter: blur(14px);
 }
 
 .channels-screen .page-header .icon-btn,
@@ -2193,15 +2201,15 @@ textarea.input {
 }
 
 .channel-message-avatar {
-  width: 34px;
-  height: 34px;
-  min-width: 34px;
-  min-height: 34px;
+  width: 40px;
+  height: 40px;
+  min-width: 40px;
+  min-height: 40px;
   border-radius: 50%;
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  font-size: 14px;
+  font-size: 16px;
   font-weight: 700;
   color: #f4f6ff;
   background: radial-gradient(circle at 30% 30%, #8a73ff, #4f4bda 58%, #3b2b89);
@@ -2342,11 +2350,23 @@ textarea.input {
 }
 
 .channel-header-route-btn {
-  max-width: 68vw;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -66%);
+  max-width: 72vw;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 13px;
+  font-size: 14px;
+  min-height: 40px;
+  border-radius: 10px;
+  text-align: center;
+}
+
+.channels-screen .page-header .channel-header-route-btn:hover,
+.channels-screen .page-header .channel-header-route-btn:focus-visible {
+  transform: translate(-50%, -66%);
 }
 
 .thread-node-heading {
@@ -2412,6 +2432,12 @@ textarea.input {
   margin-bottom: 10px;
 }
 
+.thread-history-divider {
+  height: 0;
+  border-top: 2px solid rgba(255, 255, 255, 0.26);
+  margin: 6px 0 10px;
+}
+
 .thread-block--ancestors > .section-title {
   color: #b9cbef;
 }
@@ -3187,6 +3213,14 @@ textarea.input {
   background: none;
   color: rgba(255, 255, 255, 0.9);
   box-shadow: none;
+  transform: translateY(-40%);
+}
+
+.channels-screen--channel .page-header .channel-header-route-btn,
+.channels-screen--thread .page-header .channel-header-route-btn {
+  border: 1px solid rgba(146, 173, 229, 0.38);
+  background: linear-gradient(180deg, rgba(20, 37, 67, 0.9), rgba(13, 24, 47, 0.94));
+  color: #d9e6ff;
 }
 
 .channel-head-actions .secondary-btn {