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

Feature/set actions columns of tables to stick at end (#2726)

Browse Source 
* Set up stickyEnd in actions columns

* Update changelog
This commit is contained in:
Thomas Kaul 2023-12-06 18:35:03 +01:00 committed by GitHub
parent 8d80e840b8
commit 4f9a5f0340
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 17 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
### Changed
- Set the actions columns of various tables to stick at the end
- Increased the height of the tabs on mobile
- Improved the language localization for German (`de`)
- Improved the language localization for Türkçe (`tr`)

2
apps/client/src/app/components/access-table/access-table.component.html
View File

@ -37,7 +37,7 @@
</td>
</ng-container>
<ng-container matColumnDef="actions">
<ng-container matColumnDef="actions" stickyEnd>
<th *matHeaderCellDef class="px-1 text-center" mat-header-cell></th>
<td *matCellDef="let element" class="px-1 text-center" mat-cell>

2
apps/client/src/app/components/accounts-table/accounts-table.component.html
View File

@ -241,7 +241,7 @@
></td>
</ng-container>
<ng-container matColumnDef="actions">
<ng-container matColumnDef="actions" stickyEnd>
<th *matHeaderCellDef class="px-1 text-center" i18n mat-header-cell></th>
<td *matCellDef="let element" class="px-1 text-center" mat-cell>
<button

2
apps/client/src/app/components/admin-jobs/admin-jobs.html
View File

@ -120,7 +120,7 @@
</td>
</ng-container>
<ng-container matColumnDef="actions">
<ng-container matColumnDef="actions" stickyEnd>
<th *matHeaderCellDef class="px-1 py-2" mat-header-cell>
<button
class="mx-1 no-min-width px-2"

2
apps/client/src/app/components/admin-market-data/admin-market-data.html
View File

@ -129,7 +129,7 @@
</td>
</ng-container>
<ng-container matColumnDef="actions">
<ng-container matColumnDef="actions" stickyEnd>
<th *matHeaderCellDef class="px-1 text-center" mat-header-cell>
<button
class="mx-1 no-min-width px-2"

2
apps/client/src/app/components/admin-platform/admin-platform.component.html
View File

@ -68,7 +68,7 @@
</td>
</ng-container>
<ng-container matColumnDef="actions">
<ng-container matColumnDef="actions" stickyEnd>
<th
*matHeaderCellDef
class="px-1 text-center"

2
apps/client/src/app/components/admin-tag/admin-tag.component.html
View File

@ -48,7 +48,7 @@
</td>
</ng-container>
<ng-container matColumnDef="actions">
<ng-container matColumnDef="actions" stickyEnd>
<th
*matHeaderCellDef
class="px-1 text-center"

2
apps/client/src/app/components/admin-users/admin-users.html
View File

@ -178,7 +178,7 @@
</td>
</ng-container>
<ng-container matColumnDef="actions">
<ng-container matColumnDef="actions" stickyEnd>
<th
*matHeaderCellDef
class="mat-mdc-header-cell px-1 py-2"

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

@ -1,5 +1,5 @@
@mixin gf-table($darkTheme: false) {
background: transparent !important;
--mat-table-background-color: var(--light-background);
.mat-footer-row,
.mat-row {
@ -21,29 +21,17 @@
.mat-mdc-row {
&:nth-child(even) {
background-color: rgba(var(--palette-foreground-base), 0.02);
background-color: whitesmoke;
}
&:hover {
background-color: rgba(var(--palette-foreground-base), 0.05) !important;
}
.mat-mdc-cell {
background: none;
}
}
.mat-row {
&:nth-child(even) {
background-color: rgba(var(--palette-foreground-base), 0.02);
}
&:hover {
background-color: rgba(var(--palette-foreground-base), 0.05);
background-color: #e6e6e6 !important;
}
}
@if $darkTheme {
--mat-table-background-color: var(--dark-background);
.mat-mdc-footer-row {
.mat-mdc-footer-cell {
border-top-color: rgba(
@ -55,28 +43,11 @@
.mat-mdc-row {
&:nth-child(even) {
background-color: rgba(var(--palette-foreground-base-dark), 0.02);
background-color: #222222;
}
&:hover {
background-color: rgba(
var(--palette-foreground-base-dark),
0.05
) !important;
}
.mat-mdc-cell {
background: none;
}
}
.mat-row {
&:nth-child(even) {
background-color: rgba(var(--palette-foreground-base-dark), 0.02);
}
&:hover {
background-color: rgba(var(--palette-foreground-base-dark), 0.05);
background-color: #303030 !important;
}
}
}

2
libs/ui/src/lib/account-balances/account-balances.component.html
View File

@ -31,7 +31,7 @@
</td>
</ng-container>
<ng-container matColumnDef="actions">
<ng-container matColumnDef="actions" stickyEnd>
<th *matHeaderCellDef class="px-1 text-center" mat-header-cell></th>
<td *matCellDef="let element" class="px-1 text-center" mat-cell>
<button

2
libs/ui/src/lib/activities-table/activities-table.component.html
View File

@ -428,7 +428,7 @@
></td>
</ng-container>
<ng-container matColumnDef="actions">
<ng-container matColumnDef="actions" stickyEnd>
<th *matHeaderCellDef class="px-1 text-center" mat-header-cell>
<button
*ngIf="