mirror/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-23 09:41:11 +00:00
Code Issues Projects Releases Wiki Activity

fixes #4653: add hover states to stateful table rows

Browse Source
This commit is contained in:
Mark Otto 2012-08-27 21:06:21 -07:00
parent 17d8c78e52
commit 1eaf1cf418
2 changed files with 38 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2102,6 +2102,22 @@ table .span24 {
background-color: #d9edf7; background-color: #d9edf7;
} }
.table-hover tbody tr.success:hover td {
background-color: #d0e9c6;
}
.table-hover tbody tr.error:hover td {
background-color: #ebcccc;
}
.table-hover tbody tr.warning:hover td {
background-color: #faf2cc;
}
.table-hover tbody tr.info:hover td {
background-color: #c4e3f3;
}
[class^="icon-"], [class^="icon-"],
[class*=" icon-"] { [class*=" icon-"] {
display: inline-block; display: inline-block;

27
less/tables.less
View File

@ -208,21 +208,38 @@ table {
} }
// TABLE BACKGROUNDS // TABLE BACKGROUNDS
// ----------------- // -----------------
// Exact selectors below required to override .table-striped // Exact selectors below required to override .table-striped
.table { .table tbody tr {
tbody tr.success td { &.success td {
background-color: @successBackground; background-color: @successBackground;
} }
tbody tr.error td { &.error td {
background-color: @errorBackground; background-color: @errorBackground;
} }
tbody tr.warning td { &.warning td {
background-color: @warningBackground; background-color: @warningBackground;
} }
tbody tr.info td { &.info td {
background-color: @infoBackground; background-color: @infoBackground;
} }
} }
// Hover states for .table-hover
.table-hover tbody tr {
&.success:hover td {
background-color: darken(@successBackground, 5%);
}
&.error:hover td {
background-color: darken(@errorBackground, 5%);
}
&.warning:hover td {
background-color: darken(@warningBackground, 5%);
}
&.info:hover td {
background-color: darken(@infoBackground, 5%);
}
}