From 1f5cb450bf6fb1fbf390a924449c591fd43c22f6 Mon Sep 17 00:00:00 2001
From: Valentin Haudiquet <vhaudiquet343@hotmail.fr>
Date: Sun, 17 May 2026 22:53:17 +0200
Subject: [PATCH] tauri-app: fix highlight entry size/scrollable

---
 tauri-app/src/components/GameReview.vue      | 6 ++++++
 tauri-app/src/components/HighlightsPanel.vue | 5 +++++
 2 files changed, 11 insertions(+)

diff --git a/tauri-app/src/components/GameReview.vue b/tauri-app/src/components/GameReview.vue
index 0cca8a0..41b6371 100644
--- a/tauri-app/src/components/GameReview.vue
+++ b/tauri-app/src/components/GameReview.vue
@@ -1626,6 +1626,12 @@ onUnmounted(() => {
   gap: 1rem;
 }
 
+/* Highlights sidebar delegates scrolling to the panel's internal list */
+.stats-sidebar.highlights-sidebar {
+  overflow: hidden;
+  padding: 0;
+}
+
 .stats-panel {
   background: rgba(255, 255, 255, 0.03);
   border-radius: 8px;
diff --git a/tauri-app/src/components/HighlightsPanel.vue b/tauri-app/src/components/HighlightsPanel.vue
index 2a74dbd..2dfa0b3 100644
--- a/tauri-app/src/components/HighlightsPanel.vue
+++ b/tauri-app/src/components/HighlightsPanel.vue
@@ -318,6 +318,8 @@ function formatClipDuration(clip: HighlightClip): string {
   flex-direction: column;
   gap: 0.75rem;
   height: 100%;
+  overflow: hidden;
+  padding: 1rem;
 }
 
 /* Header */
@@ -555,6 +557,7 @@ function formatClipDuration(clip: HighlightClip): string {
 /* Highlights List */
 .highlights-list {
   flex: 1;
+  min-height: 0;
   overflow-y: auto;
   display: flex;
   flex-direction: column;
@@ -566,12 +569,14 @@ function formatClipDuration(clip: HighlightClip): string {
   display: flex;
   align-items: stretch;
   gap: 0;
+  min-height: 56px;
   background: rgba(255, 255, 255, 0.03);
   border: 1px solid rgba(255, 255, 255, 0.08);
   border-radius: 8px;
   cursor: pointer;
   transition: all 0.2s;
   overflow: hidden;
+  flex-shrink: 0;
 }
 
 .highlight-card:hover {