Skip to content

ui: Improve search results layout and archived courses visibility#371

Merged
C4ptainCrunch merged 1 commit into
DocHub-ULB:mainfrom
mnietona:fix/search-navbar-improve
Mar 29, 2026
Merged

ui: Improve search results layout and archived courses visibility#371
C4ptainCrunch merged 1 commit into
DocHub-ULB:mainfrom
mnietona:fix/search-navbar-improve

Conversation

@mnietona

Copy link
Copy Markdown
Contributor

Description

As requested, this PR extracts the "Search & Navbar Improvements" (Point 4) from the large UI refactor.

Key Changes:

  • Archived Courses: Courses marked as is_archive now clearly stand out. They have reduced opacity (opacity-75), an archive icon, and an explicit "(Archivé)" tag.
  • Layout & Z-Index: Replaced the buggy overflow-x: scroll with a cleaner flexbox layout and text-truncate for long course names. This ensures the search dropdown displays correctly above all page elements.
  • Empty States: Added a clean UI when no courses are found or when PostgreSQL search is simplified.

Visual Comparison

Before After
CleanShot 2026-03-26 at 14 07 51

CleanShot 2026-03-26 at 14 09 39

CleanShot 2026-03-26 at 14 23 57
CleanShot 2026-03-26 at 14 08 10

CleanShot 2026-03-26 at 14 08 42

CleanShot 2026-03-26 at 14 24 29

Manual Testing

  • Active courses display correctly (book icon).
  • Archived courses display with lower opacity and the archive icon.
  • Searching for a non-existent course shows the new empty state.
  • The dropdown no longer hides behind other elements.

@C4ptainCrunch C4ptainCrunch merged commit 474c5b1 into DocHub-ULB:main Mar 29, 2026
2 checks passed
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