From 717a9154856eed88e0f6c7f8e978fbfaeed0a58a Mon Sep 17 00:00:00 2001
From: Andras Bacsai <5845193+andrasbacsai@users.noreply.github.com>
Date: Fri, 23 Oct 2026 12:34:20 +0200
Subject: [PATCH] fix(logs): show fullscreen logs above the sidebar and topbar

---
 resources/css/app.css                                       | 3 +++
 .../livewire/project/application/deployment/show.blade.php  | 6 ++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index 72302ad6c6..f55b9237b1 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -3853,12 +3853,15 @@ input[type="search"]::-webkit-search-results-decoration {
 
 /* Shared logs viewer (deployment + runtime) — mobile-first toolbar
    Mobile stacks: search → meta → full-width actions (no side-by-side overlap). */
+/* Same border as the application settings cards (--card-border). */
 .logs-viewer {
+    border-color: rgb(0 0 0 / 9%);
     background: var(--coollabs-base);
     color: #262626;
 }
 
 .dark .logs-viewer {
+    border-color: rgb(255 255 255 / 8%);
     background: var(--color-log);
     color: #f5f5f5;
 }
diff --git a/resources/views/livewire/project/application/deployment/show.blade.php b/resources/views/livewire/project/application/deployment/show.blade.php
index b99a2c781b..4b23b18e3f 100644
--- a/resources/views/livewire/project/application/deployment/show.blade.php
+++ b/resources/views/livewire/project/application/deployment/show.blade.php
@@ -282,11 +282,13 @@
                 this.deploymentFinishedCleanup = null;
             }
         }
-    }" @keydown.window="handleFindShortcut($event)" class="flex h-[calc(100dvh-8rem)] min-h-[32rem] w-full min-w-0 flex-col overflow-hidden xl:h-[32rem] xl:min-h-0 xl:flex-none 2xl:sticky 2xl:top-4 2xl:h-[calc(100dvh-10rem)] 2xl:min-h-[32rem]">
+    }" @keydown.window="handleFindShortcut($event)" class="flex h-[calc(100dvh-8rem)] min-h-[32rem] w-full min-w-0 flex-col overflow-hidden xl:h-[32rem] xl:min-h-0 xl:flex-none 2xl:h-[calc(100dvh-10rem)] 2xl:min-h-[32rem]"
+        {{-- A sticky parent is a stacking context: drop it so the fullscreen logs cover the sidebar and topbar. --}}
+        :class="fullscreen ? '' : '2xl:sticky 2xl:top-4'">
             <div id="screen" :class="fullscreen ? 'fullscreen flex flex-col' : 'mt-2 flex flex-1 min-h-0 flex-col overflow-hidden lg:mt-0'">
                 <div @if ($isKeepAliveOn) wire:poll.2000ms="polling" @endif
                     class="logs-viewer flex min-h-0 w-full flex-col overflow-hidden bg-white text-neutral-800 dark:bg-log dark:text-neutral-100"
-                    :class="fullscreen ? 'h-full' : 'flex-1 rounded-xl border border-neutral-200 shadow-sm dark:border-coolgray-200'">
+                    :class="fullscreen ? 'h-full' : 'flex-1 rounded-xl border shadow-sm'">
                     <div class="runtime-log-toolbar logs-viewer-toolbar">
                         @php
                             $deploymentStatus = data_get($application_deployment_queue, 'status');