twbs / twbs/bootstrap

Simultaneous table-striped and table-hover aren't different enough (5.2)

Open
#37,522 0 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

feature
Dominant language
MDX
Stars
175k
Forks
78.6k
Avg merge
7h 19m
Merged PRs (30d)
35

Description

Prerequisites
Proposal

Having a table with both table-striped table-hover

The hover color is almost the same as one of the stripe colors (darker one).
https://getbootstrap.com/docs/5.2/content/tables/#hoverable-rows

Could these please be more different, so it's more clear when one hovers over a row with that stripe color?
eg we changed stripe accent bg to #F7F7F7

This does not look fixed in 5.2, contrary to https://github.com/twbs/bootstrap/issues/30853

Thanks

Motivation and context

Hard to distinguish hover vs stripe

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 hoverable rows example in the Bootstrap tables documentation and compare the striped and hover states, especially on the darker stripe. Adjust the table styling so the hover state is clearly distinguishable, then verify the result in the same example at https://getbootstrap.com/docs/5.2/content/tables/#hoverable-rows.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, sass
Domain
design, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
42/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.