kotovalexarian-likes-github/twbs--bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00
Code Releases 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;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
.table-hover tbody tr:hover > td,
.table-hover tbody tr:hover > th {
background-color: #f5f5f5;
}
@ -2213,35 +2213,35 @@ table th[class*="span"],
margin-left: 0;
}
.table tbody tr.success td {
.table tbody tr.success > td {
background-color: #dff0d8;
}
.table tbody tr.error td {
.table tbody tr.error > td {
background-color: #f2dede;
}
.table tbody tr.warning td {
.table tbody tr.warning > td {
background-color: #fcf8e3;
}
.table tbody tr.info td {
.table tbody tr.info > td {
background-color: #d9edf7;
}
.table-hover tbody tr.success:hover td {
.table-hover tbody tr.success:hover > td {
background-color: #d0e9c6;
}
.table-hover tbody tr.error:hover td {
.table-hover tbody tr.error:hover > td {
background-color: #ebcccc;
}
.table-hover tbody tr.warning:hover td {
.table-hover tbody tr.warning:hover > td {
background-color: #faf2cc;
}
.table-hover tbody tr.info:hover td {
.table-hover tbody tr.info:hover > td {
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
.table-hover {
tbody {
tr:hover td,
tr:hover th {
tr:hover > td,
tr:hover > th {
background-color: @tableBackgroundHover;
}
}
@ -206,32 +206,32 @@ table th[class*="span"],
// Exact selectors below required to override .table-striped
.table tbody tr {
&.success td {
&.success > td {
background-color: @successBackground;
}
&.error td {
&.error > td {
background-color: @errorBackground;
}
&.warning td {
&.warning > td {
background-color: @warningBackground;
}
&.info td {
&.info > td {
background-color: @infoBackground;
}
}
// Hover states for .table-hover
.table-hover tbody tr {
&.success:hover td {
&.success:hover > td {
background-color: darken(@successBackground, 5%);
}
&.error:hover td {
&.error:hover > td {
background-color: darken(@errorBackground, 5%);
}
&.warning:hover td {
&.warning:hover > td {
background-color: darken(@warningBackground, 5%);
}
&.info:hover td {
&.info:hover > td {
background-color: darken(@infoBackground, 5%);
}
}