From d05754d08857a6f6b5be8f9fa5f27f0c2c2c2fdb Mon Sep 17 00:00:00 2001
From: Platon Rov <platon.rov@gmail.com>
Date: Thu, 8 Apr 2021 13:01:11 +0300
Subject: [PATCH] fix: table fixed cells hover state (#2233)

* Fixed cell inherits its parent row background-color
* Correct background-color for fixed cell on hover when it's inside of the selected rov
---
 src/table.scss | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/table.scss b/src/table.scss
index 5773bacae2..c84cb4387c 100644
--- a/src/table.scss
+++ b/src/table.scss
@@ -2,12 +2,12 @@
 @import "./mixins";
 
 /*!
-.fd-table(--compact, --condensed, --no-horizontal-borders, --no-vertical-borders)
+.fd-table(--compact, --condensed, --no-horizontal-borders, --no-vertical-borders, --fixed)
     thead(.fd-table__header(--no-horizontal-borders, --no-vertical-borders))
     tbody(.fd-table__body(--no-horizontal-borders, --no-vertical-borders))
     tfoot(.fd-table__footer)
         tr(.fd-table__row)([aria-selected])
-          td(.fd-table__cell(--status-indicator, --checkbox, --fit-content)) + semantic
+          td(.fd-table__cell(--status-indicator, --checkbox, --fit-content, --fixed)) + semantic
 */
 $block: #{$fd-namespace}-table;
 
@@ -204,7 +204,7 @@ $block: #{$fd-namespace}-table;
     &--fixed {
       left: 0;
       position: absolute;
-      background-color: $fd-table-basic-background;
+      background-color: inherit;
       border-bottom: $fd-table-border;
 
       @include fd-flex-vertical-center();
@@ -310,6 +310,7 @@ $block: #{$fd-namespace}-table;
           }
         }
       }
+
       &,
       .#{$block}__cell {
         @include fd-hover() {
@@ -336,10 +337,19 @@ $block: #{$fd-namespace}-table;
     &--focusable {
       @include fd-fiori-focus();
     }
+
+    @include fd-selected() {
+      .#{$block}__cell--fixed {
+        @include fd-hover() {
+          background-color: var(--sapList_Hover_SelectionBackground);
+        }
+      }
+    }
   }
 
   &__footer {
     background-color: var(--sapList_FooterBackground);
+
     .#{$block}__row {
       border-top: 0.125rem solid var(--sapList_TableFooterBorder);
       vertical-align: middle;