Commit 1eaf1cf4 authored by Mark Otto's avatar Mark Otto

fixes #4653: add hover states to stateful table rows

parent 17d8c78e
...@@ -2102,6 +2102,22 @@ table .span24 { ...@@ -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;
......
...@@ -208,21 +208,38 @@ table { ...@@ -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%);
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment