question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Inconsistant .table-active color

See original GitHub issue

According to your documentation at http://getbootstrap.com/docs/4.0/content/tables/, table-active class can be applied to either tr’s, td’s or th’s. But the resulting background color will be different, with a darker color for tr’s. This could be seen in the following plunker: http://plnkr.co/edit/aYMqCL0dKLPq9vPdDpWH?p=preview

The reason is that table-active is defined with an opacity and is applied to both the trand its td’s / th’s.

To fix that, instead of this selector:

.table-active, .table-active>td, .table-active>th

I would simply use:

.table-active

Another solution would be to use #ECECEC instead of rgba(0,0,0,.075).

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
MartijnCuppenscommented, Apr 11, 2020

Yup, in #30466 active is a state, not a table color variant.

0reactions
mdocommented, Apr 9, 2020

@MartijnCuppens Will your tables PR cover this one as well?

Read more comments on GitHub >

github_iconTop Results From Across the Web

python - "inconsistent use of tabs and spaces in indentation"
For example, I have configured my editor to show transparent tabs and visible spaces because I use tabs to indent code. If I...
Read more >
Active Tab highlight should match Windows 10 accent colour
Windows 10's accent color applies to the Edge window and tab strips, making the active tab obvious and clear in both dark/light themes....
Read more >
[Tabs] Label has focused style after clicking #5903 - GitHub
Selected tab is not showing background color and opacity 1. But when we clicked on that tab, it's showing. But you can apply...
Read more >
564884 – It's very hard to see which tab is the selected ... - Bugs
There should be 3 distinct colors for the tabs: - The selected active one - The selected inactive ones - The others It...
Read more >
Python: inconsistent use of tabs and spaces in indentation
You fix this error by sticking to either spaces or tabs in a program and replacing any tabs or spaces that do not...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found