Skip to content

feat(ui): redesign dataset page search and filter layout - #2487

Draft
derangulacau wants to merge 1 commit into
SciCatProject:masterfrom
HayenNico:feat/dataset-ui-redesign
Draft

feat(ui): redesign dataset page search and filter layout#2487
derangulacau wants to merge 1 commit into
SciCatProject:masterfrom
HayenNico:feat/dataset-ui-redesign

Conversation

@derangulacau

@derangulacau derangulacau commented Jul 31, 2026

Copy link
Copy Markdown

Description

Redesign of the Dataset page UI to improve usability by moving the search bar to the dashboard, replacing the permanent left filter sidebar with an expandable filter panel, and making the dataset table use the full available width.

Motivation

The previous layout dedicated a permanent section of the page to filters, reducing the available space for the dataset table. This redesign provides a cleaner interface, improves responsiveness, and makes better use of the available screen space while preserving the existing filtering functionality.

Fixes:

  • Moved the search bar from the filter panel to the dashboard.
  • Replaced the permanent left filter sidebar with an expandable filter panel.
  • Improved the responsive layout for filters.
  • Expanded the dataset table to use the available page width.
  • Preserved compatibility with the latest upstream changes (public data toggle and enabled filters).

Changes:

  • Updated dashboard.component.html and dashboard.component.ts to integrate the search functionality.
  • Updated dataset-table.component.html to support the new layout.
  • Updated datasets-filter.component.html and datasets-filter.component.scss for the expandable filter panel and responsive grid layout.
  • Rebased onto the latest upstream master.

Summary by Sourcery

Redesign the datasets dashboard layout to move text search into the header, replace the persistent left filter sidebar with an expandable filter panel, and allow the dataset table to use the full page width.

New Features:

  • Add a global dataset text search bar to the dashboard header with clear and apply controls.
  • Introduce an expandable datasets filter panel triggered from the dashboard instead of a permanent sidebar.
  • Display public vs. private data toggle controls within the filters panel header.
  • Arrange dataset filters in a responsive grid layout with right-aligned action buttons.

Enhancements:

  • Update dashboard layout to a single full-width table column for improved responsiveness and space usage.
  • Persist the global text search query from URL parameters into the dashboard state.
  • Adjust datasets filter action buttons styling for better alignment and spacing.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants