learningequality / learningequality/studio

Selected resources Menu issue under mobile view

Open
#2,711 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

design: todo DEV: frontend TAG: mobile TAG: ux update
Dominant language
Python
Stars
191
Forks
307
Avg merge
5d 6h
Merged PRs (30d)
10

Description

Summary

In mobile view the menu that appears on resource selection is displayed with issues. The breakpoint for the menu when the issue is experienced is width<=730px.

@jayoshih

Category

BUG

Usage Details

  • Browser: Chrome (latest)

How to reproduce

  1. Login and go to a Channel with many resources
  2. Browse the resource tree
  3. Right click the page and click Inspect
  4. Click the browser mobile view simulator
  5. Select Responsive (make width 730px or less) or iPhone X
  6. Click Select all to select all the resources
  7. See the manage resources menu appear

Screenshots

2021-01-07_104412 2021-01-07_104454

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

Reproduce the manage resources menu after selecting all resources at a responsive width of 730px or less, following the listed browser steps. Inspect the selected-resources menu and its responsive layout; done means the menu is displayed correctly in the mobile view shown by the issue screenshots.

Written by the indexing model from the issue text.

Assessment

Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.