RocketChat / RocketChat/Rocket.Chat

Fix: Wrong spacing between filters and search bar in Marketplace

Open
#38,613 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

type: bug
Dominant language
TypeScript
Stars
46.1k
Forks
13.9k
Avg merge
3d 3h
Merged PRs (30d)
130

Description

Description:

When the screen shrinks to mobile view, the filters and search bar in marketplace have no spacing between them making it look very conjusted

Steps to reproduce:
  1. Go to marketplace in any rocketchat server
  2. Open the premium / explore / installed
  3. Inspect page and try to shrink it to mobile view.
Expected behavior:
Image
Actual behavior:
Image

Contributor guide

Open the contributing guide

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.

Research direction

Open the Marketplace in a Rocket.Chat server and reproduce the layout at mobile width, checking the premium, explore, and installed views. Find the Marketplace filter and search-bar layout, then verify that the controls have visible spacing at narrow widths and that the desktop layout remains unchanged.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.