sharpetronics/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-06-05 00:02:25 -04:00
Code Issues Projects Releases Wiki Activity

Fixes #6478: scope table backgrounds to immediate td/th elements

Browse Source
This commit is contained in:
Mark Otto 2013-01-11 20:38:14 -08:00
parent 53f9e25150
commit d7c93fc647
2 changed files with 20 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
docs/assets/css/bootstrap.css vendored
View File

@ -2115,8 +2115,8 @@ table {
background-color: #f9f9f9; background-color: #f9f9f9;
} }
.table-hover tbody tr:hover td, .table-hover tbody tr:hover > td,
.table-hover tbody tr:hover th { .table-hover tbody tr:hover > th {
background-color: #f5f5f5; background-color: #f5f5f5;
} }
@ -2213,35 +2213,35 @@ table th[class*="span"],
margin-left: 0; margin-left: 0;
} }
.table tbody tr.success td { .table tbody tr.success > td {
background-color: #dff0d8; background-color: #dff0d8;
} }
.table tbody tr.error td { .table tbody tr.error > td {
background-color: #f2dede; background-color: #f2dede;
} }
.table tbody tr.warning td { .table tbody tr.warning > td {
background-color: #fcf8e3; background-color: #fcf8e3;
} }
.table tbody tr.info td { .table tbody tr.info > td {
background-color: #d9edf7; background-color: #d9edf7;
} }
.table-hover tbody tr.success:hover td { .table-hover tbody tr.success:hover > td {
background-color: #d0e9c6; background-color: #d0e9c6;
} }
.table-hover tbody tr.error:hover td { .table-hover tbody tr.error:hover > td {
background-color: #ebcccc; background-color: #ebcccc;
} }
.table-hover tbody tr.warning:hover td { .table-hover tbody tr.warning:hover > td {
background-color: #faf2cc; background-color: #faf2cc;
} }
.table-hover tbody tr.info:hover td { .table-hover tbody tr.info:hover > td {
background-color: #c4e3f3; background-color: #c4e3f3;
} }

20
less/tables.less
View File

@ -161,8 +161,8 @@ table {
// Placed here since it has to come after the potential zebra striping // Placed here since it has to come after the potential zebra striping
.table-hover { .table-hover {
tbody { tbody {
tr:hover td, tr:hover > td,
tr:hover th { tr:hover > th {
background-color: @tableBackgroundHover; background-color: @tableBackgroundHover;
} }
} }
@ -206,32 +206,32 @@ table th[class*="span"],
// Exact selectors below required to override .table-striped // Exact selectors below required to override .table-striped
.table tbody tr { .table tbody tr {
&.success td { &.success > td {
background-color: @successBackground; background-color: @successBackground;
} }
&.error td { &.error > td {
background-color: @errorBackground; background-color: @errorBackground;
} }
&.warning td { &.warning > td {
background-color: @warningBackground; background-color: @warningBackground;
} }
&.info td { &.info > td {
background-color: @infoBackground; background-color: @infoBackground;
} }
} }
// Hover states for .table-hover // Hover states for .table-hover
.table-hover tbody tr { .table-hover tbody tr {
&.success:hover td { &.success:hover > td {
background-color: darken(@successBackground, 5%); background-color: darken(@successBackground, 5%);
} }
&.error:hover td { &.error:hover > td {
background-color: darken(@errorBackground, 5%); background-color: darken(@errorBackground, 5%);
} }
&.warning:hover td { &.warning:hover > td {
background-color: darken(@warningBackground, 5%); background-color: darken(@warningBackground, 5%);
} }
&.info:hover td { &.info:hover > td {
background-color: darken(@infoBackground, 5%); background-color: darken(@infoBackground, 5%);
} }
} }