[PR #4183] [MERGED] Changed the random script button to be the same as all the other buttons #4730

Closed
opened 2026-02-26 14:31:53 +03:00 by kerem · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/community-scripts/ProxmoxVE/pull/4183
Author: @BramSuurdje
Created: 5/2/2025
Status: Merged
Merged: 5/2/2025
Merged by: @michelroegl-brunner

Base: mainHead: fix-navbar-button


📝 Commits (3)

  • 4e348ef Changed button to be the same as all the other buttons.
  • 8b89fdd Enhance CodeCopyButton styling with custom scrollbar for improved UX
  • ce1bc69 Change CommandMenu button variant from ghost to outline for consistency with other buttons

📊 Changes

2 files changed (+19 additions, -13 deletions)

View changed files

📝 frontend/src/components/CommandMenu.tsx (+17 -11)
📝 frontend/src/components/ui/code-copy-button.tsx (+2 -2)

📄 Description

This pull request enhances the user interface by adding tooltips for better accessibility, improving the styling of scrollbars, and refactoring the CommandMenu component for better usability. Below are the most important changes grouped by theme:

User Interface Enhancements:

  • Added tooltips to the "Open Random Script" button in CommandMenu. The button now uses a TooltipProvider with a TooltipTrigger and TooltipContent to display a tooltip with a short delay. This improves accessibility and provides additional context for the user.

Styling Improvements:

  • Enhanced scrollbar styling in the CodeCopyButton component by adding custom styles using &::-webkit-scrollbar and &::-webkit-scrollbar-thumb. This improves the visual appearance and usability of scrollable areas.

Code Refactoring:

  • Updated imports in CommandMenu to include tooltip-related components (TooltipProvider, TooltipTrigger, TooltipContent, and Tooltip) for better modularity and maintainability.

Link: #

Prerequisites (X in brackets)

  • Self-review completed – Code follows project standards.
  • Tested thoroughly – Changes work as expected.
  • No security risks – No hardcoded secrets, unnecessary privilege escalations, or permission issues.

🛠️ Type of Change (X in brackets)

  • 🐞 Bug fix – Resolves an issue without breaking functionality.
  • New feature – Adds new, non-breaking functionality.
  • 💥 Breaking change – Alters existing functionality in a way that may require updates.
  • 🆕 New script – A fully functional and tested script or script set.
  • 🌍 Website update – Changes to website-related JSON files or metadata.
  • 🔧 Refactoring / Code Cleanup – Improves readability or maintainability without changing functionality.
  • 📝 Documentation update – Changes to README, AppName.md, CONTRIBUTING.md, or other docs.
image image

🔄 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/pull/4183 **Author:** [@BramSuurdje](https://github.com/BramSuurdje) **Created:** 5/2/2025 **Status:** ✅ Merged **Merged:** 5/2/2025 **Merged by:** [@michelroegl-brunner](https://github.com/michelroegl-brunner) **Base:** `main` ← **Head:** `fix-navbar-button` --- ### 📝 Commits (3) - [`4e348ef`](https://github.com/community-scripts/ProxmoxVE/commit/4e348ef903cdd94d46727c775776bdf744eacd50) Changed button to be the same as all the other buttons. - [`8b89fdd`](https://github.com/community-scripts/ProxmoxVE/commit/8b89fdd1e58d807849914f9b1b805d094e321b29) Enhance CodeCopyButton styling with custom scrollbar for improved UX - [`ce1bc69`](https://github.com/community-scripts/ProxmoxVE/commit/ce1bc6927a42209eb1d3b5d9fc7f4d6984fcedfc) Change CommandMenu button variant from ghost to outline for consistency with other buttons ### 📊 Changes **2 files changed** (+19 additions, -13 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/components/CommandMenu.tsx` (+17 -11) 📝 `frontend/src/components/ui/code-copy-button.tsx` (+2 -2) </details> ### 📄 Description <!--🛑 New scripts must be submitted to [ProxmoxVED](https://github.com/community-scripts/ProxmoxVED) for testing. PRs without prior testing will be closed. --> This pull request enhances the user interface by adding tooltips for better accessibility, improving the styling of scrollbars, and refactoring the `CommandMenu` component for better usability. Below are the most important changes grouped by theme: ### User Interface Enhancements: * Added tooltips to the "Open Random Script" button in `CommandMenu`. The button now uses a `TooltipProvider` with a `TooltipTrigger` and `TooltipContent` to display a tooltip with a short delay. This improves accessibility and provides additional context for the user. ### Styling Improvements: * Enhanced scrollbar styling in the `CodeCopyButton` component by adding custom styles using `&::-webkit-scrollbar` and `&::-webkit-scrollbar-thumb`. This improves the visual appearance and usability of scrollable areas. ### Code Refactoring: * Updated imports in `CommandMenu` to include tooltip-related components (`TooltipProvider`, `TooltipTrigger`, `TooltipContent`, and `Tooltip`) for better modularity and maintainability. ## 🔗 Related PR / Issue Link: # ## ✅ Prerequisites (**X** in brackets) - [x] **Self-review completed** – Code follows project standards. - [x] **Tested thoroughly** – Changes work as expected. - [x] **No security risks** – No hardcoded secrets, unnecessary privilege escalations, or permission issues. --- ## 🛠️ Type of Change (**X** in brackets) - [x] 🐞 **Bug fix** – Resolves an issue without breaking functionality. - [ ] ✨ **New feature** – Adds new, non-breaking functionality. - [ ] 💥 **Breaking change** – Alters existing functionality in a way that may require updates. - [ ] 🆕 **New script** – A fully functional and tested script or script set. - [ ] 🌍 **Website update** – Changes to website-related JSON files or metadata. - [x] 🔧 **Refactoring / Code Cleanup** – Improves readability or maintainability without changing functionality. - [ ] 📝 **Documentation update** – Changes to `README`, `AppName.md`, `CONTRIBUTING.md`, or other docs. <img width="197" alt="image" src="https://github.com/user-attachments/assets/125cdf40-4d90-4f93-8985-eafd9b824b99" /> <img width="210" alt="image" src="https://github.com/user-attachments/assets/5fc505b4-2143-414d-baa1-20c82193ccf5" /> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
kerem 2026-02-26 14:31:53 +03:00
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
starred/ProxmoxVE#4730
No description provided.