Browse Source

Fix background colors of sticky columns

pull/4068/head
Thomas Kaul 9 months ago
parent
commit
44af6334b1
  1. 27
      apps/client/src/styles/table.scss

27
apps/client/src/styles/table.scss

@ -1,10 +1,5 @@
@mixin gf-table($darkTheme: false) { @mixin gf-table($darkTheme: false) {
--mat-table-background-color: var(--light-background); --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-footer-row,
.mat-row { .mat-row {
@ -26,24 +21,16 @@
.mat-mdc-row { .mat-mdc-row {
&:nth-child(even) { &:nth-child(even) {
background-color: var(--mat-table-background-color-even); background-color: whitesmoke;
} }
&:hover { &:hover {
background-color: var(--mat-table-background-color-hover) !important; background-color: #e6e6e6 !important;
} }
} }
@if $darkTheme { @if $darkTheme {
--mat-table-background-color: var(--dark-background); --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-row {
.mat-mdc-footer-cell { .mat-mdc-footer-cell {
@ -53,5 +40,15 @@
); );
} }
} }
.mat-mdc-row {
&:nth-child(even) {
background-color: #222222;
}
&:hover {
background-color: #303030 !important;
}
}
} }
} }

Loading…
Cancel
Save