Opened 8 weeks ago
Last modified 4 weeks ago
#36529 assigned New feature
Improvement of the filter and model selection sidebar on the admin changelist page for mobile screens.
| Reported by: | Antoliny | Owned by: | Antoliny |
|---|---|---|---|
| Component: | contrib.admin | Version: | dev |
| Severity: | Normal | Keywords: | accessibility, changelist, sidebar |
| Cc: | Antoliny, Thibaud Colas, Tom Carrick, Sarah Abderemane, Eliana Rosselli | Triage Stage: | Accepted |
| Has patch: | no | Needs documentation: | no |
| Needs tests: | no | Patch needs improvement: | no |
| Easy pickings: | no | UI/UX: | yes |
Description (last modified by )
On the current changelist page, the model selection sidebar is set to display: none on mobile screen sizes, so it is not visible. In contrast, the filter sidebar is displayed at the bottom of the changelist.
In the above image, it's fine because the table has only one row. However, if the table contains multiple rows, it may be difficult to access the filter.
This layout can cause inconvenience to users and is something that I believe needs improvement.
Also, I think it would be better if the model selection sidebar is available on mobile screens as well. Not providing certain features depending on the screen size can also cause inconvenience to users.
I think it would be good to add a button like the one above for the side panel, and have the side panel appear when that button is clicked.
However, I think further discussion is needed regarding the exact design.
Attachments (2)
Change History (10)
comment:1 by , 8 weeks ago
| Owner: | set to |
|---|---|
| Status: | new → assigned |
by , 8 weeks ago
| Attachment: | changelist_sidebar_mobile.png added |
|---|
by , 8 weeks ago
| Attachment: | changelist_sidebar_mobile_example.png added |
|---|
comment:2 by , 8 weeks ago
| Description: | modified (diff) |
|---|
follow-up: 4 comment:3 by , 8 weeks ago
| Cc: | added |
|---|---|
| Triage Stage: | Unreviewed → Accepted |
| Version: | 5.2 → dev |
comment:4 by , 8 weeks ago
Replying to Natalia Bidart:
Hello Antoliny, thank you for taking the time to create this report and adding a clear description and proposal. I agree with your assessment, I thought we had the "hide/show" expander for the side bar in mobile size but I can't make it show (nor in
mainand nor instable/5.2.x).
Shall we have a brainstorm forum post with the accessibility team to evaluate options? Would you be up for starting that?
Sure, I'll post on the forum within this week.
I'll also try to include an example patch with my suggestions if possible.
I really hope this part gets improved soon :)
comment:7 by , 4 weeks ago
| Needs tests: | set |
|---|---|
| Patch needs improvement: | set |
comment:8 by , 4 weeks ago
| Needs tests: | unset |
|---|---|
| Patch needs improvement: | unset |
Hello Antoliny, thank you for taking the time to create this report and adding a clear description and proposal. I agree with your assessment, I thought we had the "hide/show" expander for the side bar in mobile size but I can't make it show (nor in
mainand nor instable/5.2.x).Shall we have a brainstorm forum post with the accessibility team to evaluate options? Would you be up for starting that?