diff --git a/CHANGELOG.md b/CHANGELOG.md index d002e6fc5..d1e311953 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,12 @@ All notable changes to this project will be documented in this file. The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). +## Unreleased + +### Fixed + +- Fixed the tables style related to sticky columns + ## 2.124.0 - 2024-11-24 ### Added diff --git a/apps/client/src/styles/table.scss b/apps/client/src/styles/table.scss index 8c0f5c283..f232cb1af 100644 --- a/apps/client/src/styles/table.scss +++ b/apps/client/src/styles/table.scss @@ -1,10 +1,5 @@ @mixin gf-table($darkTheme: false) { --mat-table-background-color: var(--light-background); - --mat-table-background-color-even: rgba(var(--palette-foreground-base), 0.02); - --mat-table-background-color-hover: rgba( - var(--palette-foreground-base), - 0.04 - ); .mat-footer-row, .mat-row { @@ -26,24 +21,16 @@ .mat-mdc-row { &:nth-child(even) { - background-color: var(--mat-table-background-color-even); + background-color: whitesmoke; } &:hover { - background-color: var(--mat-table-background-color-hover) !important; + background-color: #e6e6e6 !important; } } @if $darkTheme { --mat-table-background-color: var(--dark-background); - --mat-table-background-color-even: rgba( - var(--palette-foreground-base-dark), - 0.02 - ); - --mat-table-background-color-hover: rgba( - var(--palette-foreground-base-dark), - 0.04 - ); .mat-mdc-footer-row { .mat-mdc-footer-cell { @@ -53,5 +40,15 @@ ); } } + + .mat-mdc-row { + &:nth-child(even) { + background-color: #222222; + } + + &:hover { + background-color: #303030 !important; + } + } } }