vhaudiquet/leaguerecorder
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

tauri-app: fix highlight entry size/scrollable
All checks were successful
record-daemon / Build, check and test (push) Successful in 2m14s
Details

Browse Source
This commit is contained in:
Valentin Haudiquet
2026-05-17 22:53:17 +02:00
parent 2e7be439b0
commit 1f5cb450bf
2 changed files with 11 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
tauri-app/src/components/GameReview.vue
View File

@@ -1626,6 +1626,12 @@ onUnmounted(() => {
gap: 1rem; gap: 1rem;
} }
/* Highlights sidebar delegates scrolling to the panel's internal list */
.stats-sidebar.highlights-sidebar {
overflow: hidden;
padding: 0;
}
.stats-panel { .stats-panel {
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
border-radius: 8px; border-radius: 8px;

5
tauri-app/src/components/HighlightsPanel.vue
View File

@@ -318,6 +318,8 @@ function formatClipDuration(clip: HighlightClip): string {
flex-direction: column; flex-direction: column;
gap: 0.75rem; gap: 0.75rem;
height: 100%; height: 100%;
overflow: hidden;
padding: 1rem;
} }
/* Header */ /* Header */
@@ -555,6 +557,7 @@ function formatClipDuration(clip: HighlightClip): string {
/* Highlights List */ /* Highlights List */
.highlights-list { .highlights-list {
flex: 1; flex: 1;
min-height: 0;
overflow-y: auto; overflow-y: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -566,12 +569,14 @@ function formatClipDuration(clip: HighlightClip): string {
display: flex; display: flex;
align-items: stretch; align-items: stretch;
gap: 0; gap: 0;
min-height: 56px;
background: rgba(255, 255, 255, 0.03); background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 8px; border-radius: 8px;
cursor: pointer; cursor: pointer;
transition: all 0.2s; transition: all 0.2s;
overflow: hidden; overflow: hidden;
flex-shrink: 0;
} }
.highlight-card:hover { .highlight-card:hover {