Browse Source

Refactor hover effect

pull/760/head
Thomas 3 years ago
parent
commit
8a922bdccb
  1. 19
      apps/client/src/styles/table.scss

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

@ -10,27 +10,24 @@
} }
.mat-row { .mat-row {
&:hover {
background-color: rgba(var(--palette-foreground-base), 0.05) !important;
}
&:nth-child(even) { &:nth-child(even) {
background-color: rgba(var(--palette-foreground-base), 0.02); background-color: rgba(var(--palette-foreground-base), 0.02);
} }
&:hover {
background-color: rgba(var(--palette-foreground-base), 0.05);
}
} }
@if $darkTheme { @if $darkTheme {
.mat-row { .mat-row {
&:hover {
background-color: rgba(
var(--palette-foreground-base-dark),
0.05
) !important;
}
&:nth-child(even) { &:nth-child(even) {
background-color: rgba(var(--palette-foreground-base-dark), 0.02); background-color: rgba(var(--palette-foreground-base-dark), 0.02);
} }
&:hover {
background-color: rgba(var(--palette-foreground-base-dark), 0.05);
}
} }
} }
} }

Loading…
Cancel
Save