Search bar on Mobile screens covers OVER the developer logo

Open
#59 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
typescript
Domain
frontend, mobile-dev

Research direction

Reproduce the overlap on the listed Samsung devices or in the 686–786px width range, then inspect the responsive search and developer-logo UI. Done means the search bar no longer covers the logo and remains usable at these widths; the issue leaves the preferred solution open.

Written by the indexing model from the issue text.

Description

On specific smaller screen devices like Samsung S7, A8, S10+, A71, etc (mid-tier phones which are quite common in many countries), the search bar overlaps the developers icon, so one of two solutions could be implemented:

  1. On screens greater than 686px but less than 786px, the search box can become just the search icon, and then on click, it can create a modal that has a greater opacity scale to blur the background and keep the modal of the search open, which can be used to search
  2. the icon of the developer logo can be made into just Reddit snow for smaller devices

Sincerely,

u/AManWhoLikedToArgue

Dominant language
TypeScript
Stars
210
Forks
88
No merged PRs in 30d

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from reddit/devvit

All issues in reddit/devvit

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.