Modal styles assume light color themed links

Open
#758 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
45/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
scss
Domain
design, frontend

Research direction

Start in src/assets/sass/protocol/components/_modal.scss at the referenced line, then review the reproduction in mozilla/bedrock#9866. Check how modal links are styled on dark backgrounds and colored buttons. Done means modal content no longer assumes every link is on a light background.

Written by the indexing model from the issue text.

Description

Bug :beetle:

Description

The current modal styles seem to assume that all links contained within the modeal will be light color themed. This can cause issues on links that appear on dark backgrounds, or use colored buttons.

Ref: https://github.com/mozilla/protocol/blob/main/src/assets/sass/protocol/components/_modal.scss#L105

Steps to reproduce

See https://github.com/mozilla/bedrock/issues/9866

Expected result

We probably shouldn't make an assumption about the content within the modal?

Actual result

It is assumed that links will all appear on a light background.

Environment

Firefox 95
macOS

Dominant language
SCSS
Stars
298
Forks
83
Avg merge
9d 7h
Merged PRs (30d)
7

Contributor guide

No contributing guide indexed for this repository

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.

More from mozilla/protocol

All issues in mozilla/protocol

Similar issues

More Design issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.