opaque background for hover state of button and link
Assessment
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Newbie friendliness
- 55/100
Research direction
Start by reviewing the button and link component hover styles and their variant definitions. Compare the current translucent behavior with the designer screenshot and determine the opaque blended background expected for each variant. Done means hover states no longer reveal an image background across all button and link variants.
Written by the indexing model from the issue text.
Description
Prerequisites
- I have searched for duplicate or closed feature requests
- I have read the contributing guidelines
Proposal
The button and link components have translucent background on the hover state. When using this kind of component on a photo/image background we can see the picture through the component background.
Designers found it odd, and want to apply an opaque background for this kind of use.
The idea here is to have an opaque background that is the result of the mix of the translucent background with the primary background.
Since, the translucent color may occur in every variant, the feature should work for all variants.
Motivation and context
Screenshot from designers
- Dominant language
- CSS
- Stars
- 219
- Forks
- 61
- Avg merge
- 2d 15h
- Merged PRs (30d)
- 12
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.
More from Orange-OpenSource/Orange-Boosted-Bootstrap
-
📖 documentation 🧩 enhancement
Difficulty 1/5 Under an hour Newbie friendliness 76/100
-
🐞 bug 🧰 library
Difficulty 2/5 1-3 hours Newbie friendliness 62/100
-
🛠️ technical github_actions
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
Orange-OpenSource/Orange-Boosted-Bootstrap#3780 · 1 reaction ·
-
🐞 bug
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
Orange-OpenSource/Orange-Boosted-Bootstrap#3775 · 1 comment ·
-
🐞 bug 👂 accessibility 📖 documentation asked by community
Difficulty 1/5 Under an hour Newbie friendliness 88/100
Orange-OpenSource/Orange-Boosted-Bootstrap#3756 · 2 comments ·
All issues in Orange-OpenSource/Orange-Boosted-Bootstrap
Similar issues
-
community first-timers-only good first issue hacktoberfest help wanted low hanging fruit up-for-grabs
Difficulty 1/5 Under an hour Newbie friendliness 92/100
-
Complexity: Small P-Feature: Project Info and Page ready for merge team role: front end size: 0.25pt
Difficulty 1/5 1-3 hours Newbie friendliness 90/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
libretro/common-overlays#198 ·
-
I Font Bug
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
-
area:habits beginner friendly bug community contributions-welcome difficulty:beginner difficulty:easy good first issue hacktoberfest help wanted open-source ui up-for-grabs
Difficulty 1/5 Under an hour Newbie friendliness 90/100