From fb14abbd86ca34a3da738c0a487367ea0264ab10 Mon Sep 17 00:00:00 2001
From: 4gray <fourgray@proton.me>
Date: Mon, 5 Jan 2026 21:57:34 +0100
Subject: [PATCH] refactor(ui): adjust header flow for selected item

---
 .../stalker-main-container.component.html     | 45 ++++++++++---------
 1 file changed, 23 insertions(+), 22 deletions(-)

diff --git a/apps/web/src/app/stalker/stalker-main-container.component.html b/apps/web/src/app/stalker/stalker-main-container.component.html
index 86ef1868f..9b8491c4c 100644
--- a/apps/web/src/app/stalker/stalker-main-container.component.html
+++ b/apps/web/src/app/stalker/stalker-main-container.component.html
@@ -88,31 +88,32 @@
 </div>
 
 <div class="main-content">
-    <div class="content-header">
-        <h2>
-            @if (stalkerStore.selectedItem()) {
-                <button mat-icon-button (click)="goBackToList()">
-                    <mat-icon>chevron_left</mat-icon>
-                </button>
-            } @else if (!isItvCategorySelected) {
-                <button mat-icon-button disabled>
-                    <mat-icon>category</mat-icon>
-                </button>
-            }
+    @if (!stalkerStore.selectedItem()) {
+        <div class="content-header">
+            <h2>
+                @if (!isItvCategorySelected) {
+                    <button mat-icon-button disabled>
+                        <mat-icon>category</mat-icon>
+                    </button>
+                }
 
-            @if (!isItvCategorySelected) {
-                {{ selectedCategoryTitle() }}
-            }
+                @if (!isItvCategorySelected) {
+                    {{ selectedCategoryTitle() }}
+                }
 
-            @if (!contentItems() && !isContentLoading()) {
-                <h2>
-                    {{ 'PORTALS.SELECT_CATEGORY' | translate }}
-                </h2>
-            }
-        </h2>
-    </div>
+                @if (!contentItems() && !isContentLoading()) {
+                    <h2>
+                        {{ 'PORTALS.SELECT_CATEGORY' | translate }}
+                    </h2>
+                }
+            </h2>
+        </div>
+    }
 
-    <div class="scrollable-content">
+    <div
+        class="scrollable-content"
+        [class.no-header]="stalkerStore.selectedItem()"
+    >
         <router-outlet />
     </div>
     <!-- <app-mpv-player-bar /> -->