Skip to content

Conversation

@hiirrxnn
Copy link

Overview

This PR completely transforms the table filter experience across the Volcano Dashboard by replacing scattered, header-embedded filters with a modern, compact, and visually stunning filter interface.

Solves #140

Before:

❌ Filter dropdowns embedded in table headers causing multi-line wrapping
❌ Inconsistent header heights across different tables
❌ Plain, unstyled filter controls
❌ Poor visual hierarchy and cluttered appearance

After:

✅ Clean, single-line table headers
✅ Compact filter row above each table
✅ Beautiful glassmorphism design with gradients
✅ Consistent visual experience across all tables
✅ Fixed filter logic issues
✅ Professional dashboard appearance

Key Features

Modern Visual Design

  • Glassmorphism effects with blur backgrounds and gradients
  • Color-coded indicators for namespaces, queues, and statuses
  • Smooth hover animations and focus states
  • Compact form controls optimized for space efficiency

Smart Filter Management

  • Active filter counter showing applied filters at a glance
  • One-click clear all functionality with animated feedback
  • Collapsible advanced view for filter details
  • Individual filter removal via deletable chips

Enhanced User Experience

  • Visual status indicators (green dots for Running, red for Failed, etc.)
  • Namespace differentiation with colored dots
  • Responsive layout that adapts to screen size
  • Consistent behavior across Pods, Jobs, and Queues tables
Screenshot 2025-05-22 at 11 58 49 PM Screenshot 2025-05-22 at 11 59 00 PM Screenshot 2025-05-22 at 11 59 21 PM Screenshot 2025-05-22 at 11 59 34 PM

Signed-off-by: hiirrxnn <hiren2004sharma@gmail.com>
@volcano-sh-bot
Copy link
Contributor

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
To complete the pull request process, please assign william-wang
You can assign the PR to them by writing /assign @william-wang in a comment when ready.

The full list of commands accepted by this bot can be found here.

Details Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@hiirrxnn
Copy link
Author

/assign @william-wang

@volcano-sh-bot
Copy link
Contributor

@hiirrxnn: PR needs rebase.

Details

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes/test-infra repository.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants