Seekra/frontend
3
2
Fork 0
generated from Seekra/repository-template
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Show search bar below the navbar on the search results view on small screens #99

Merged
jakob.scheid merged 11 commits from feature/place-search-bar-below-navbar into main 2026-06-01 18:49:58 +02:00
Conversation 2 Commits 11 Files Changed 3
+75 -25
jakob.scheid commented 2026-06-01 17:56:51 +02:00
Owner
Copy Link
Copy Source

Show search bar below the navbar on the search results view on small screens

Before, the search bar was displayed in the navbar when the search results view was active, regardless of the screen width. This caused the navbar to look very squished on small screens on the search results view.

This PR places the search bar below the navbar (on the search results view) on small screens.

Summary

  • Add search bar wrapper component for the navbar search bar
  • Put the wrapper component below and into the navbar and show the correct one (according to the screen size)
  • Set the search form width in the search bar component to 100 %

Related issues

Closes: #97

# Show search bar below the navbar on the search results view on small screens Before, the search bar was displayed in the navbar when the search results view was active, regardless of the screen width. This caused the navbar to look very squished on small screens on the search results view. This PR places the search bar below the navbar (on the search results view) on small screens. ## Summary - Add search bar wrapper component for the navbar search bar - Put the wrapper component below and into the navbar and show the correct one (according to the screen size) - Set the search form width in the search bar component to 100 % ## Related issues Closes: #97
jakob.scheid added this to the responsive-design-ready milestone 2026-06-01 17:56:51 +02:00
jakob.scheid added the
area
search-results
prio
medium
type
feature
 labels 2026-06-01 17:56:51 +02:00
jakob.scheid added this to the MVP Frontend project 2026-06-01 17:56:51 +02:00
jakob.scheid added 11 commits 2026-06-01 17:56:51 +02:00
feat(place-search-bar-below-navbar): add empty navbar search bar wrapper component 4daf550568
feat(place-search-bar-below-navbar): integrate search bar in the navbar search bar wrapper component 0df77ef6ee
feat(place-search-bar-below-navbar): show search bar in the navbar search bar wrapper component only when the search results view is active 873bd74804
feat(place-search-bar-below-navbar): add search bar model to the navbar search bar wrapper component 9b175e3923
feat(place-search-bar-below-navbar): use navbar search bar wrapper component in the navbar cabebfb9fe
feat(place-search-bar-below-navbar): hide navbar search bar wrapper component on small screens 17570d400d
set search form width to 100% dd678fb393
feat(place-search-bar-below-navbar): show search bar wrapper component below the navbar on small screens 9ed8790649
feat(place-search-bar-below-navbar): add padding to the search bar wrapper below the navbar (on small screens) a824ee57df
feat(place-search-bar-below-navbar): set width of the search bar wrapper in the navbar (on large screens) 6a31373b7d
feat(place-search-bar-below-navbar): add horizontal padding to the search bar wrapper in the navbar (on large screens) 47744e7be6
jakob.scheid moved this to Review in MVP Frontend on 2026-06-01 18:04:07 +02:00
johannes.vos requested changes 2026-06-01 18:15:53 +02:00
Dismissed
johannes.vos closed this pull request 2026-06-01 18:17:31 +02:00
johannes.vos reopened this pull request 2026-06-01 18:44:12 +02:00
johannes.vos approved these changes 2026-06-01 18:44:38 +02:00
jakob.scheid merged commit fea440edaa into main 2026-06-01 18:49:58 +02:00
jakob.scheid deleted branch feature/place-search-bar-below-navbar 2026-06-01 18:49:59 +02:00
jakob.scheid moved this to Done in MVP Frontend on 2026-06-01 18:50:59 +02:00
Sign in to join this conversation.
Reviewers
No Reviewers
johannes.vos
Labels
Clear labels
area/global
area
search-results
area
settings
area
startpage
prio
critical
prio
high
prio
low
prio
medium
type
bug
type
chore
type
docs
type
feature
type
refactor
type
testing
type/urgent
No Label
area
search-results
prio
medium
type
feature
Milestone
No items
No Milestone responsive-design-ready
Projects
Clear projects
No project MVP Frontend
Assignees
Clear assignees
jakob.gregory (Jakob Gregory) jakob.scheid (Jakob Scheid) johannes.vos (Johannes D. Vos)
No Assignees
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Seekra/frontend#99
Delete Branch "feature/place-search-bar-below-navbar"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?