sudacode/ghostfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

Feature/add hover to table (#760)

Browse Source 
* Add hover

* Update changelog
This commit is contained in:
Thomas Kaul 2022-03-19 09:56:50 +01:00 committed by GitHub
parent eb0444603b
commit 30411b1502
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 14 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
CHANGELOG.md
View File

@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
## Unreleased
### Added
- Added a hover effect to the table style
### Fixed
- Fixed an issue with the user currency of the public page

18
apps/client/src/styles/table.scss
View File

@ -11,20 +11,22 @@
.mat-row {
&:nth-child(even) {
background-color: rgba(
var(--palette-foreground-base),
var(--palette-background-hover-alpha)
);
background-color: rgba(var(--palette-foreground-base), 0.02);
}
&:hover {
background-color: rgba(var(--palette-foreground-base), 0.05);
}
}
@if $darkTheme {
.mat-row {
&:nth-child(even) {
background-color: rgba(
var(--palette-foreground-base-dark),
var(--palette-background-hover-alpha)
);
background-color: rgba(var(--palette-foreground-base-dark), 0.02);
}
&:hover {
background-color: rgba(var(--palette-foreground-base-dark), 0.05);
}
}
}