feat(table): color marked cells

fomantic · Nov 12, 2019 · 8d08ea2 · 8d08ea2
1 parent 49fddb1
commit 8d08ea2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/definitions/collections/table.less b/src/definitions/collections/table.less
@@ -739,7 +739,7 @@ each(@colors, {
     color: @white;
   }
   .ui.ui.ui.ui.table tr.@{color}:not(.marked),
-  .ui.ui.table td.@{color} {
+  .ui.ui.table td.@{color}:not(.marked) {
     & when (@stateMarkerWidth > 0) {
       box-shadow: @stateMarkerWidth 0 0 @r inset;
     }
@@ -757,8 +757,8 @@ each(@colors, {
     }
   }
   .ui.ui.selectable.table tr.@{color}:not(.marked):hover,
-  .ui.table tr td.selectable.@{color}:hover,
-  .ui.selectable.table tr:hover td.@{color} {
+  .ui.table tr td.selectable.@{color}:not(.marked):hover,
+  .ui.selectable.table tr:hover td.@{color}:not(.marked) {
     & when (@isDark) {
       background: @lh;
     }
@@ -772,6 +772,7 @@ each(@colors, {
       color: @ht;
     }
   }
+  .ui.table td.marked.@{color},
   .ui.table tr.marked.@{color} {
     &.left {
       box-shadow: @coloredBorderSize 0 0 0 @c inset;
@@ -780,6 +781,7 @@ each(@colors, {
       box-shadow: -@coloredBorderSize 0 0 0 @c inset;
     }
   }
+  .ui.inverted.table td.marked.@{color},
   .ui.inverted.table tr.marked.@{color} {
     &.left {
       box-shadow: @coloredBorderSize 0 0 0 @l inset;

diff --git a/src/themes/default/collections/table.variables b/src/themes/default/collections/table.variables
@@ -73,7 +73,7 @@
 @responsiveRowBoxShadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
 @responsiveCellVerticalPadding: 0.25em;
 @responsiveCellHorizontalPadding: 0.75em;
-@responsiveCellBoxShadow: none !important;
+@responsiveCellBoxShadow: none;
 @responsiveCellHeaderFontWeight: @bold;
 
 /*-------------------