Skip to content

fix(HomePageSearch): add missing bottom padding to search bar on mobile screen - #1966

Open
ChrisTouo wants to merge 3 commits into
mainfrom
1965-app-padding-bottom-missing-on-the-searchbar-on-mobile-screen
Open

fix(HomePageSearch): add missing bottom padding to search bar on mobile screen#1966
ChrisTouo wants to merge 3 commits into
mainfrom
1965-app-padding-bottom-missing-on-the-searchbar-on-mobile-screen

Conversation

@ChrisTouo

Copy link
Copy Markdown
Collaborator

No description provided.

@ChrisTouo ChrisTouo linked an issue Aug 31, 2026 that may be closed by this pull request
@ChrisTouo

Copy link
Copy Markdown
Collaborator Author
image

@ivanslabbert

Copy link
Copy Markdown
Contributor

There is already padding added by following horizontal scrollable carousels, so this will result in double padding.

Instead of adding padding, set the background colour to:

  1. No accent if there are no pinned categories
  2. Yellow accent if there are pinned categories

@johan-bell johan-bell left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice — switching the accent band to be conditional on pinned categories (instead of padding) is the right call and fixes the flush band on mobile. One edge case to keep in mind: hasPinnedCategories is true whenever a pinned category doc exists, but HomePagePinned only renders categories that actually have content, so a pinned category with no visible content in the user's language would still paint the band with nothing following it. Fine to handle in a follow-up if it shows up in practice.

Comment thread app/src/components/HomePage/HomePageSearch.vue Outdated
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.

APP: padding bottom missing on the searchbar on mobile screen

3 participants