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

Closed
opened 2025-11-20 04:13:36 -05:00 by saavagebueno · 0 comments
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: mainHead: 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>
saavagebueno added the pull-request label 2025-11-20 04:13:36 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: SVI/ProxmoxVE-Local#220