[PR #162] [MERGED] UI Fixes: Modal Layout and Filter Message Positioning #244

New issue

Closed

opened 2026-02-26 12:40:44 +03:00 by kerem · 0 comments

kerem commented

2026-02-26 12:40:44 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/community-scripts/ProxmoxVE-Local/pull/162
Author: @michelroegl-brunner
Created: 10/16/2025
Status: ✅ Merged
Merged: 10/16/2025
Merged by: @michelroegl-brunner

Base: main ← Head: fix/ui

📝 Commits (2)

02680ae Move status banner down in ScriptDetailModal
fa2cb45 Move 'Filters are being saved automatically' message to bottom left

📊 Changes

2 files changed (+105 additions, -104 deletions)

View changed files

📝 src/app/_components/FilterBar.tsx (+24 -23)
📝 src/app/_components/ScriptDetailModal.tsx (+81 -81)

📄 Description

Changes Made

1. ScriptDetailModal Layout Fix

Moved status banner (CT Script: Available, Install Script: Available, Status: Up to date) from directly after action buttons to within content section
Creates better visual separation and spacing as shown in design
Maintains all functionality while improving layout hierarchy

2. FilterBar Message Repositioning

Relocated 'Filters are being saved automatically' message from top center to bottom left
Positioned alongside script count and 'Clear all filters' button for better layout
Maintains green checkmark icon and styling consistency

Impact

Improved visual hierarchy in script detail modal
Better organization of filter-related information
Enhanced user experience with cleaner layouts

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/community-scripts/ProxmoxVE-Local/pull/162 **Author:** [@michelroegl-brunner](https://github.com/michelroegl-brunner) **Created:** 10/16/2025 **Status:** ✅ Merged **Merged:** 10/16/2025 **Merged by:** [@michelroegl-brunner](https://github.com/michelroegl-brunner) **Base:** `main` ← **Head:** `fix/ui` --- ### 📝 Commits (2) - [`02680ae`](https://github.com/community-scripts/ProxmoxVE-Local/commit/02680aed29823a5abcc19babb9b81cd98ae5fded) Move status banner down in ScriptDetailModal - [`fa2cb45`](https://github.com/community-scripts/ProxmoxVE-Local/commit/fa2cb457faca26101eb9e383e6f7d2e00097d1f1) Move 'Filters are being saved automatically' message to bottom left ### 📊 Changes **2 files changed** (+105 additions, -104 deletions) <details> <summary>View changed files</summary> 📝 `src/app/_components/FilterBar.tsx` (+24 -23) 📝 `src/app/_components/ScriptDetailModal.tsx` (+81 -81) </details> ### 📄 Description ## Changes Made ### 1. ScriptDetailModal Layout Fix - Moved status banner (CT Script: Available, Install Script: Available, Status: Up to date) from directly after action buttons to within content section - Creates better visual separation and spacing as shown in design - Maintains all functionality while improving layout hierarchy ### 2. FilterBar Message Repositioning - Relocated 'Filters are being saved automatically' message from top center to bottom left - Positioned alongside script count and 'Clear all filters' button for better layout - Maintains green checkmark icon and styling consistency ## Impact - Improved visual hierarchy in script detail modal - Better organization of filter-related information - Enhanced user experience with cleaner layouts --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>