openedx / openedx/paragon

Bug: No easy way to set buttons to squared style with the Open edX theme

Open
#3,038 4 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
JavaScript
Stars
140
Forks
100
Avg merge
1h 3m
Merged PRs (30d)
30

Description

Bugs

In the current Open edX theme, there doesn't seem to be a way to easily set buttons to be "squared". This also affects the focus border styles, as it doesn't match the shape of the buttons. You can see this in the default submit button for the SearchField component.

Screenshot 2024-04-28 at 2 52 07 PM

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

Start with the SearchField demo linked in the issue, focusing on the default submit button and its focus border in the Open edX theme. Trace the button styling and theme customization entry points, then verify that squared buttons can be configured and that their focus border matches the button shape.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript, react
Domain
accessibility, design, 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.