mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-01 13:24:25 +01:00
Fixes #10884: Adds .info variant to contextual table classes
This commit is contained in:
parent
c07632e4e8
commit
fe58357df1
20
css.html
20
css.html
@ -1327,6 +1327,12 @@ For example, <code><section></code> should be wrapped as inline.
|
|||||||
</td>
|
</td>
|
||||||
<td>Indicates a dangerous or potentially negative action</td>
|
<td>Indicates a dangerous or potentially negative action</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
<code>.info</code>
|
||||||
|
</td>
|
||||||
|
<td>Indicates a neutral informative change or action</td>
|
||||||
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
@ -1383,6 +1389,18 @@ For example, <code><section></code> should be wrapped as inline.
|
|||||||
<td>Column content</td>
|
<td>Column content</td>
|
||||||
<td>Column content</td>
|
<td>Column content</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>8</td>
|
||||||
|
<td>Column content</td>
|
||||||
|
<td>Column content</td>
|
||||||
|
<td>Column content</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="info">
|
||||||
|
<td>9</td>
|
||||||
|
<td>Column content</td>
|
||||||
|
<td>Column content</td>
|
||||||
|
<td>Column content</td>
|
||||||
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div><!-- /example -->
|
</div><!-- /example -->
|
||||||
@ -1392,6 +1410,7 @@ For example, <code><section></code> should be wrapped as inline.
|
|||||||
<tr class="success">...</tr>
|
<tr class="success">...</tr>
|
||||||
<tr class="warning">...</tr>
|
<tr class="warning">...</tr>
|
||||||
<tr class="danger">...</tr>
|
<tr class="danger">...</tr>
|
||||||
|
<tr class="info">...</tr>
|
||||||
|
|
||||||
<!-- On cells (`td` or `th`) -->
|
<!-- On cells (`td` or `th`) -->
|
||||||
<tr>
|
<tr>
|
||||||
@ -1399,6 +1418,7 @@ For example, <code><section></code> should be wrapped as inline.
|
|||||||
<td class="success">...</td>
|
<td class="success">...</td>
|
||||||
<td class="warning">...</td>
|
<td class="warning">...</td>
|
||||||
<td class="danger">...</td>
|
<td class="danger">...</td>
|
||||||
|
<td class="info">...</td>
|
||||||
</tr>
|
</tr>
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
|
|
||||||
|
18
dist/css/bootstrap.css
vendored
18
dist/css/bootstrap.css
vendored
@ -1803,6 +1803,24 @@ table th[class*="col-"] {
|
|||||||
background-color: #ebcccc;
|
background-color: #ebcccc;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.table > thead > tr > .info,
|
||||||
|
.table > tbody > tr > .info,
|
||||||
|
.table > tfoot > tr > .info,
|
||||||
|
.table > thead > .info > td,
|
||||||
|
.table > tbody > .info > td,
|
||||||
|
.table > tfoot > .info > td,
|
||||||
|
.table > thead > .info > th,
|
||||||
|
.table > tbody > .info > th,
|
||||||
|
.table > tfoot > .info > th {
|
||||||
|
background-color: #d9edf7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.table-hover > tbody > tr > .info:hover,
|
||||||
|
.table-hover > tbody > .info:hover > td,
|
||||||
|
.table-hover > tbody > .info:hover > th {
|
||||||
|
background-color: #c4e3f3;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 767px) {
|
@media (max-width: 767px) {
|
||||||
.table-responsive {
|
.table-responsive {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
2
dist/css/bootstrap.min.css
vendored
2
dist/css/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
@ -158,6 +158,7 @@ table {
|
|||||||
.table-row-variant(success; @state-success-bg);
|
.table-row-variant(success; @state-success-bg);
|
||||||
.table-row-variant(warning; @state-warning-bg);
|
.table-row-variant(warning; @state-warning-bg);
|
||||||
.table-row-variant(danger; @state-danger-bg);
|
.table-row-variant(danger; @state-danger-bg);
|
||||||
|
.table-row-variant(info; @state-info-bg);
|
||||||
|
|
||||||
|
|
||||||
// Responsive tables
|
// Responsive tables
|
||||||
|
Loading…
Reference in New Issue
Block a user