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

Adapt style of inactive users (#3114)

Browse Source
This commit is contained in:
Thomas Kaul 2024-03-08 18:59:23 +01:00 committed by GitHub
parent 07661d9262
commit 7a3237f1ff
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -35,12 +35,20 @@
mat-cell mat-cell
> >
<div class="d-flex align-items-center"> <div class="d-flex align-items-center">
<span class="d-none d-sm-inline-block text-monospace">{{ <span
element.id class="d-none d-sm-inline-block text-monospace"
}}</span> [ngClass]="{
<span class="d-inline-block d-sm-none text-monospace">{{ 'text-line-through': element.role === 'INACTIVE'
(element.id | slice: 0 : 5) + '...' }"
}}</span> >{{ element.id }}</span
>
<span
class="d-inline-block d-sm-none text-monospace"
[ngClass]="{
'text-line-through': element.role === 'INACTIVE'
}"
>{{ (element.id | slice: 0 : 5) + '...' }}</span
>
<gf-premium-indicator <gf-premium-indicator
*ngIf="element?.subscription?.type === 'Premium'" *ngIf="element?.subscription?.type === 'Premium'"
class="ml-1" class="ml-1"

4
apps/client/src/styles.scss
View File

@ -587,6 +587,10 @@ ngx-skeleton-loader {
text-decoration: underline !important; text-decoration: underline !important;
} }
.text-line-through {
text-decoration: line-through;
}
.with-placeholder-as-option { .with-placeholder-as-option {
.mat-mdc-select-placeholder { .mat-mdc-select-placeholder {
color: rgba(var(--dark-primary-text)); color: rgba(var(--dark-primary-text));