diff --git a/node/src/documents/collections/table.html b/node/src/documents/collections/table.html index 4bac6313f..fb9ff4ca9 100755 --- a/node/src/documents/collections/table.html +++ b/node/src/documents/collections/table.html @@ -67,7 +67,7 @@ type : 'UI Collection'

Positive / Negative

A cell may let a user know whether a value is good or bad:

- +
@@ -102,7 +102,7 @@ type : 'UI Collection'

Error

A cell or row may alert the user to an error or a negative value:

-
Name Status
+
@@ -136,7 +136,7 @@ type : 'UI Collection'

Warning

A cell or row may warn a user:

-
Name Status
+
@@ -170,7 +170,7 @@ type : 'UI Collection'

Active

A cell or row can be active:

-
Name Status
+
@@ -202,7 +202,7 @@ type : 'UI Collection'

Disabled

A cell can be disabled:

-
Name Status
+
@@ -239,7 +239,7 @@ type : 'UI Collection'

Collapsing

By default tables take the size of their container. A collapsing takes up only as much space as its rows.

-
Name Status
+
@@ -271,9 +271,9 @@ type : 'UI Collection'
-

Grid

-

A table may have a grid to help differentiate cells

-
Name Status
+

Cells

+

A table may be divided into cells to help segment content

+
@@ -310,7 +310,7 @@ type : 'UI Collection'

Adding a classname of ascending or descending, will show the user the direction of sort. This example uses a modified version of the kylefox's tablesort plugin to provide the proper class names.

-
Name Status
+
@@ -343,7 +343,7 @@ type : 'UI Collection'

Padded

A table may sometimes need to be more padded for legibility

-
Name Status
+
@@ -366,7 +366,7 @@ type : 'UI Collection'

Compact

A table may sometimes need to be more compact to make more rows visible at a time

-
Name Status
+
diff --git a/node/src/files/components/semantic/src/collections/table.css b/node/src/files/components/semantic/src/collections/table.css index b85f83b75..43ba6a0bb 100644 --- a/node/src/files/components/semantic/src/collections/table.css +++ b/node/src/files/components/semantic/src/collections/table.css @@ -95,7 +95,7 @@ ---------------*/ /* Grid */ -.ui.grid.table tr:hover td { +.ui.celled.table tr:hover td { background-color: rgba(0, 0, 0, 0.02); color: rgba(0, 0, 0, 1); } @@ -130,8 +130,8 @@ box-shadow: 0px 0px 1px 0px #3FF63B inset; /* border-color: #2FCB05 !important; */ } -.ui.grid.table tr.positive:hover td, -.ui.grid.table tr:hover td.positive, +.ui.celled.table tr.positive:hover td, +.ui.celled.table tr:hover td.positive, .ui.table tr.positive:hover td, .ui.table td:hover.positive, .ui.table th:hover.positive { @@ -148,8 +148,8 @@ background-color: #F9F4F4; color: #CD2929; } -.ui.grid.table tr.negative:hover td, -.ui.grid.table tr:hover td.negative, +.ui.celled.table tr.negative:hover td, +.ui.celled.table tr:hover td.negative, .ui.table tr.negative:hover td, .ui.table td:hover.negative, .ui.table th:hover.negative { @@ -170,8 +170,8 @@ -webkit-box-shadow: 0px 0px 1px 0px #F3A2A2 inset; box-shadow: 0px 0px 1px 0px #F3A2A2 inset; } -.ui.grid.table tr.error:hover td, -.ui.grid.table tr:hover td.error, +.ui.celled.table tr.error:hover td, +.ui.celled.table tr:hover td.error, .ui.table tr.error:hover td, .ui.table td:hover.error, .ui.table th:hover.error { @@ -193,8 +193,8 @@ -webkit-box-shadow: 0px 0px 1px 0px #FFE569 inset; box-shadow: 0px 0px 1px 0px #FFE569 inset; } -.ui.grid.table tr.warning:hover td, -.ui.grid.table tr:hover td.warning, +.ui.celled.table tr.warning:hover td, +.ui.celled.table tr:hover td.warning, .ui.table tr.warning:hover td, .ui.table td:hover.warning, .ui.table th:hover.warning { @@ -234,17 +234,17 @@ Grid ---------------*/ -.ui.grid.table { +.ui.celled.table { color: rgba(0, 0, 0, 0.55); } -.ui.grid.table tbody tr, -.ui.grid.table tfoot tr { +.ui.celled.table tbody tr, +.ui.celled.table tfoot tr { border: none; } -.ui.grid.table th { +.ui.celled.table th { border: 1px solid #E0E0E0; } -.ui.grid.table tbody td { +.ui.celled.table tbody td { border: 1px solid #E0E0E0; } diff --git a/src/collections/table.css b/src/collections/table.css index b85f83b75..43ba6a0bb 100755 --- a/src/collections/table.css +++ b/src/collections/table.css @@ -95,7 +95,7 @@ ---------------*/ /* Grid */ -.ui.grid.table tr:hover td { +.ui.celled.table tr:hover td { background-color: rgba(0, 0, 0, 0.02); color: rgba(0, 0, 0, 1); } @@ -130,8 +130,8 @@ box-shadow: 0px 0px 1px 0px #3FF63B inset; /* border-color: #2FCB05 !important; */ } -.ui.grid.table tr.positive:hover td, -.ui.grid.table tr:hover td.positive, +.ui.celled.table tr.positive:hover td, +.ui.celled.table tr:hover td.positive, .ui.table tr.positive:hover td, .ui.table td:hover.positive, .ui.table th:hover.positive { @@ -148,8 +148,8 @@ background-color: #F9F4F4; color: #CD2929; } -.ui.grid.table tr.negative:hover td, -.ui.grid.table tr:hover td.negative, +.ui.celled.table tr.negative:hover td, +.ui.celled.table tr:hover td.negative, .ui.table tr.negative:hover td, .ui.table td:hover.negative, .ui.table th:hover.negative { @@ -170,8 +170,8 @@ -webkit-box-shadow: 0px 0px 1px 0px #F3A2A2 inset; box-shadow: 0px 0px 1px 0px #F3A2A2 inset; } -.ui.grid.table tr.error:hover td, -.ui.grid.table tr:hover td.error, +.ui.celled.table tr.error:hover td, +.ui.celled.table tr:hover td.error, .ui.table tr.error:hover td, .ui.table td:hover.error, .ui.table th:hover.error { @@ -193,8 +193,8 @@ -webkit-box-shadow: 0px 0px 1px 0px #FFE569 inset; box-shadow: 0px 0px 1px 0px #FFE569 inset; } -.ui.grid.table tr.warning:hover td, -.ui.grid.table tr:hover td.warning, +.ui.celled.table tr.warning:hover td, +.ui.celled.table tr:hover td.warning, .ui.table tr.warning:hover td, .ui.table td:hover.warning, .ui.table th:hover.warning { @@ -234,17 +234,17 @@ Grid ---------------*/ -.ui.grid.table { +.ui.celled.table { color: rgba(0, 0, 0, 0.55); } -.ui.grid.table tbody tr, -.ui.grid.table tfoot tr { +.ui.celled.table tbody tr, +.ui.celled.table tfoot tr { border: none; } -.ui.grid.table th { +.ui.celled.table th { border: 1px solid #E0E0E0; } -.ui.grid.table tbody td { +.ui.celled.table tbody td { border: 1px solid #E0E0E0; }
Name Status