kit-data-manager / kit-data-manager/pid-component
Mobile representation
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 2
- Forks
- 2
- Avg merge
- 25m
- Merged PRs (30d)
- 1
Description
Motivation
Currently, using the user experience of the pid-component on devices with touch controls and on smaller screens (e.g., mobile phone, tablet) is not ideal. The styling is broken due to the limited width, tooltips are not as intuitive to use, and you quickly get into a lot of scroll issues.
Goals
- Create a user-friendly and useful representation of the pid-component for small screens with touch controls (mobile devices).
- Recognize automatically whether the pid-component is on such a device and fix the layout accordingly.
- Enable renderers to provide varying contents and layouts based on the form factor.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reading the existing pid-component layout and renderer implementation to understand how the current desktop representation is assembled. Investigate how small-screen and touch-device detection can affect layout and renderer content. Done means a usable mobile representation, automatic form-factor handling, and renderer-specific layouts or content for mobile devices.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- tailwindcss, typescript
- Domain
- design, frontend, web-dev
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100