From fb02a1a359116ecaffff0c054d19971619e5fed6 Mon Sep 17 00:00:00 2001 From: TekH Date: Sat, 6 Jun 2026 00:28:46 +0200 Subject: [PATCH] Simplify PDF thumbnail sidebar UI Removed the header section of the PDF thumbnail sidebar, including the title and close button, to streamline the UI. Updated Razor logic to control sidebar visibility directly, eliminating the need for `.pdf-thumbnails--visible`. Deleted associated CSS styles for the removed elements. Retained scrolling and padding styles for the thumbnail content. --- .../Pages/EnvelopeViewer.razor | 8 ---- .../wwwroot/css/envelope-viewer.css | 39 ------------------- 2 files changed, 47 deletions(-) diff --git a/EnvelopeGenerator.ReceiverUI/Pages/EnvelopeViewer.razor b/EnvelopeGenerator.ReceiverUI/Pages/EnvelopeViewer.razor index 9f5a7293..8253d971 100644 --- a/EnvelopeGenerator.ReceiverUI/Pages/EnvelopeViewer.razor +++ b/EnvelopeGenerator.ReceiverUI/Pages/EnvelopeViewer.razor @@ -131,14 +131,6 @@ @if (_pdfLoaded && _showThumbnails) {
-
- Seiten - -
@for (int i = 1; i <= _totalPages; i++) { var pageNum = i; diff --git a/EnvelopeGenerator.ReceiverUI/wwwroot/css/envelope-viewer.css b/EnvelopeGenerator.ReceiverUI/wwwroot/css/envelope-viewer.css index 82913155..1b532cfb 100644 --- a/EnvelopeGenerator.ReceiverUI/wwwroot/css/envelope-viewer.css +++ b/EnvelopeGenerator.ReceiverUI/wwwroot/css/envelope-viewer.css @@ -76,45 +76,6 @@ flex-shrink: 0; } -.pdf-thumbnails--visible { - /* No longer needed - visibility controlled by @if in Razor */ -} - -.pdf-thumbnails__header { - display: flex; - align-items: center; - justify-content: space-between; - padding: 1rem 1.25rem; - border-bottom: 2px solid rgba(126, 34, 206, 0.1); - flex-shrink: 0; -} - -.pdf-thumbnails__title { - font-size: 0.875rem; - font-weight: 700; - color: #1e293b; - letter-spacing: 0.025em; - text-transform: uppercase; -} - -.pdf-thumbnails__close { - background: transparent; - border: none; - cursor: pointer; - padding: 0.375rem; - border-radius: 6px; - color: #64748b; - transition: all 0.2s ease; - display: flex; - align-items: center; - justify-content: center; -} - -.pdf-thumbnails__close:hover { - background: rgba(126, 34, 206, 0.1); - color: #7e22ce; -} - .pdf-thumbnails__content { flex: 1; overflow-y: auto;