mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-14 01:24:19 +02:00
Code Issues Releases Wiki Activity

Fixes #7297: add support for .success, .error, and .warning on td and th elements in tables

Browse Source
This commit is contained in:
Mark Otto
2013-03-17 12:10:58 -07:00
parent 28cdc8dc5f
commit 3aee2adb4b
2 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1076,26 +1076,38 @@ table th[class^="span"] {
float: none; float: none;
} }
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td { .table > tbody > tr.success > td {
background-color: #dff0d8; background-color: #dff0d8;
} }
.table > tbody > tr > td.error,
.table > tbody > tr > th.error,
.table > tbody > tr.error > td { .table > tbody > tr.error > td {
background-color: #f2dede; background-color: #f2dede;
} }
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td { .table > tbody > tr.warning > td {
background-color: #fcf8e3; background-color: #fcf8e3;
} }
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td { .table-hover > tbody > tr.success:hover > td {
background-color: #d0e9c6; background-color: #d0e9c6;
} }
.table-hover > tbody > tr > td.error:hover,
.table-hover > tbody > tr > th.error:hover,
.table-hover > tbody > tr.error:hover > td { .table-hover > tbody > tr.error:hover > td {
background-color: #ebcccc; background-color: #ebcccc;
} }
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td { .table-hover > tbody > tr.warning:hover > td {
background-color: #faf2cc; background-color: #faf2cc;
} }

12
less/tables.less
View File

@@ -194,12 +194,18 @@ 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 {
> td.success,
> th.success,
&.success > td { &.success > td {
background-color: @state-success-background; background-color: @state-success-background;
} }
> td.error,
> th.error,
&.error > td { &.error > td {
background-color: @state-error-background; background-color: @state-error-background;
} }
> td.warning,
> th.warning,
&.warning > td { &.warning > td {
background-color: @state-warning-background; background-color: @state-warning-background;
} }
@@ -207,12 +213,18 @@ table th[class^="span"] {
// Hover states for .table-hover // Hover states for .table-hover
.table-hover > tbody > tr { .table-hover > tbody > tr {
> td.success:hover,
> th.success:hover,
&.success:hover > td { &.success:hover > td {
background-color: darken(@state-success-background, 5%); background-color: darken(@state-success-background, 5%);
} }
> td.error:hover,
> th.error:hover,
&.error:hover > td { &.error:hover > td {
background-color: darken(@state-error-background, 5%); background-color: darken(@state-error-background, 5%);
} }
> td.warning:hover,
> th.warning:hover,
&.warning:hover > td { &.warning:hover > td {
background-color: darken(@state-warning-background, 5%); background-color: darken(@state-warning-background, 5%);
} }