openedx / openedx/frontend-app-authoring
Image dimensions & Accessibility subtext is not aligned
Open
Nobody has claimed this yet.
release testing
- Dominant language
- TypeScript
- Stars
- 17
- Forks
- 218
- Avg merge
- 9d 20h
- Merged PRs (30d)
- 20
Description
Description
When adding an image through the text editor in Studio (Teak release), the subtext under "Image Dimensions" and "Accessibility" fields is not properly aligned. This affects the visual consistency and can be confusing for users.
Steps to Reproduce
- Log in to Studio via admin credentials:
- Username:
admin@edly.io - Password:
admin
- Username:
- Open the Teak testing course.
- Navigate to:
Section > Subsection > Unit (Text) - Click the "Text" button in the Add Components panel.
- The text editor will open in a modal window.
- Click the Add Image option.
- Upload an image of approximately 10MB in size.
- Click Next to continue.
- Observe the alignment of the subtext under "Image Dimensions" and "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
Reproduce the issue in Studio by following the listed course path, opening the Text editor's Add Image flow, and uploading a roughly 10MB image. Inspect the UI around the Image Dimensions and Accessibility fields, then verify that their subtext is aligned consistently as shown by the expected visual result.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- design, frontend
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100