luanti-org / luanti-org/contentdb

Improve UI on mobile

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

Nobody has claimed this yet.

@ Front End Bug good first issue High priority UI/UX
Dominant language
Python
Stars
115
Forks
62
Avg merge
19h 7m
Merged PRs (30d)
5

Description

## Problem

Currently the UI on mobile have a lot of small problems.

Buttons in various places do not have a vertical gap when they cannot be displayed inline:
![Screenshot_2023-11-15-15-58-49-670_com.android.chrome.jpg](https://github.com/minetest/contentdb/assets/61794590/2e0a7a80-0e6b-4238-9592-f169c89c6c82)

Review profile pictures are misaligned with the review:
![Screenshot_2023-11-15-16-03-25-807_com.android.chrome.jpg](https://github.com/minetest/contentdb/assets/61794590/712e161d-b64a-4c88-b3b0-c2220bf0832e)

The todo, notification, plus, etc buttons could be aligned, which would lead into less unused free space:
![Screenshot_2023-11-15-16-05-34-275_com.android.chrome.jpg](https://github.com/minetest/contentdb/assets/61794590/be03f3fc-61af-470d-9e3c-880abf8fee39)

## Solutions

Make CDB UI more adaptive on mobile.

## Alternatives

None

## Additional context

ContentDB is mostly used on desktop, but mobile is still useful to search packages more easily than with the in-game UI. It may also be useful for package maintainers to make small changes, etc

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.

Research direction

The issue names no files, tests, or entry points, so first locate the mobile UI components corresponding to the three screenshots and inspect their responsive layouts. Compare the current button spacing, review-picture alignment, and header control alignment at mobile widths. Done means these listed mobile layout problems are corrected without regressing the desktop UI.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.