nextcloud-libraries / nextcloud-libraries/nextcloud-vue
Popover or actions popover should be full screen on mobile
Nobody has claimed this yet.
- Dominant language
- Vue
- Stars
- 246
- Forks
- 99
- Avg merge
- 1d 20h
- Merged PRs (30d)
- 103
Description
From discussions with @jancborchardt we should consider moving to a full screen popover when the space is to small as the current automatic position is not very nice sometimes then.
#3157 adds a height limit and automatic overflow behaviour but is only a first step.
One idea would be to have a bottom drawer like it is common on android for example https://material.io/components/navigation-drawer#bottom-drawer which might also be a relevant topic in terms of accessibility.
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 locating the popover and actions popover components, then review issue #3157's height-limit and overflow changes. Compare the full-screen and bottom-drawer directions for small screens using the linked Material guidance, including accessibility implications; done requires an agreed direction and defined mobile behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, design, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100