Browse Source
Feature/improve styles on about page (#1707)
* Improve styles
* Update changelog
pull/1708/head
Thomas Kaul
2 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with
41 additions and
8 deletions
-
CHANGELOG.md
-
apps/client/src/app/pages/about/about-page.html
-
apps/client/src/styles.scss
|
|
@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 |
|
|
|
|
|
|
|
### Changed |
|
|
|
|
|
|
|
- Improved the styles on the about page |
|
|
|
- Eliminated the `GhostfolioScraperApiService` |
|
|
|
|
|
|
|
## 1.234.0 - 2023-02-15 |
|
|
|
|
|
@ -62,7 +62,7 @@ |
|
|
|
mat-icon-button |
|
|
|
title="Follow Ghostfolio on Twitter" |
|
|
|
> |
|
|
|
<ion-icon name="logo-twitter" size="large"></ion-icon> |
|
|
|
<ion-icon name="logo-twitter"></ion-icon> |
|
|
|
</a> |
|
|
|
<a |
|
|
|
class="mx-2" |
|
|
@ -70,7 +70,7 @@ |
|
|
|
mat-icon-button |
|
|
|
title="Send an e-mail" |
|
|
|
> |
|
|
|
<ion-icon name="mail" size="large"></ion-icon> |
|
|
|
<ion-icon name="mail"></ion-icon> |
|
|
|
</a> |
|
|
|
<a |
|
|
|
class="mx-2" |
|
|
@ -78,7 +78,7 @@ |
|
|
|
mat-icon-button |
|
|
|
title="Join the Ghostfolio Slack channel" |
|
|
|
> |
|
|
|
<ion-icon name="logo-slack" size="large"></ion-icon> |
|
|
|
<ion-icon name="logo-slack"></ion-icon> |
|
|
|
</a> |
|
|
|
<a |
|
|
|
class="mx-2" |
|
|
@ -86,7 +86,7 @@ |
|
|
|
mat-icon-button |
|
|
|
title="Find Ghostfolio on GitHub" |
|
|
|
> |
|
|
|
<ion-icon name="logo-github" size="large"></ion-icon> |
|
|
|
<ion-icon name="logo-github"></ion-icon> |
|
|
|
</a> |
|
|
|
</p> |
|
|
|
<div |
|
|
@ -191,7 +191,7 @@ |
|
|
|
<div class="row"> |
|
|
|
<div *ngIf="hasPermissionForSubscription" class="col-md-3 col-xs-12 my-2"> |
|
|
|
<a |
|
|
|
class="py-2 w-100" |
|
|
|
class="py-4 w-100" |
|
|
|
color="primary" |
|
|
|
mat-flat-button |
|
|
|
[routerLink]="['/faq']" |
|
|
@ -203,7 +203,7 @@ |
|
|
|
[ngClass]="{ 'offset-md-4': !hasPermissionForBlog }" |
|
|
|
> |
|
|
|
<a |
|
|
|
class="py-2 w-100" |
|
|
|
class="py-4 w-100" |
|
|
|
color="primary" |
|
|
|
mat-flat-button |
|
|
|
[routerLink]="['/about', 'changelog']" |
|
|
@ -212,7 +212,7 @@ |
|
|
|
</div> |
|
|
|
<div *ngIf="hasPermissionForSubscription" class="col-md-3 col-xs-12 my-2"> |
|
|
|
<a |
|
|
|
class="py-2 w-100" |
|
|
|
class="py-4 w-100" |
|
|
|
color="primary" |
|
|
|
mat-flat-button |
|
|
|
[routerLink]="['/about', 'privacy-policy']" |
|
|
@ -221,7 +221,7 @@ |
|
|
|
</div> |
|
|
|
<div *ngIf="hasPermissionForBlog" class="col-md-3 col-xs-12 my-2"> |
|
|
|
<a |
|
|
|
class="py-2 w-100" |
|
|
|
class="py-4 w-100" |
|
|
|
color="primary" |
|
|
|
mat-flat-button |
|
|
|
[routerLink]="['/blog']" |
|
|
|
|
|
@ -256,6 +256,23 @@ body { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.mat-mdc-card { |
|
|
|
--mdc-elevated-card-container-color: var(--dark-background); |
|
|
|
} |
|
|
|
|
|
|
|
.mat-mdc-fab { |
|
|
|
&.mat-primary { |
|
|
|
--mdc-fab-icon-color: rgba(var(--dark-primary-text)); |
|
|
|
--mat-mdc-fab-color: rgba(var(--dark-primary-text)); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.mat-mdc-unelevated-button { |
|
|
|
&.mat-primary { |
|
|
|
--mdc-filled-button-label-text-color: rgba(var(--dark-primary-text)); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.mat-paginator { |
|
|
|
background-color: rgba(var(--palette-foreground-base-dark), 0.02); |
|
|
|
} |
|
|
@ -394,6 +411,21 @@ ngx-skeleton-loader { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.mat-mdc-fab { |
|
|
|
color: var(--mat-mdc-fab-color, inherit) !important; |
|
|
|
|
|
|
|
&.mat-primary { |
|
|
|
--mdc-fab-icon-color: rgba(var(--light-primary-text)); |
|
|
|
--mat-mdc-fab-color: rgba(var(--light-primary-text)); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.mat-mdc-unelevated-button { |
|
|
|
&:not(:disabled) { |
|
|
|
--mdc-filled-button-label-text-color: rgba(var(--light-primary-text)); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.mat-paginator { |
|
|
|
background-color: rgba(var(--palette-foreground-base-light), 0.02); |
|
|
|
|
|
|
|