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

Bugfix/improve tabs on ios (#2811)

Browse Source 
* Improve tabs on iOS (Add to Home Screen)

* Update changelog
This commit is contained in:
Thomas Kaul 2024-01-02 10:06:13 +01:00 committed by GitHub
parent 0649f9fd2c
commit 0ad734262a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
CHANGELOG.md
View File

@ -16,6 +16,10 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
- Improved the style of the _Top 3_ and _Bottom 3_ performers on the analysis page - Improved the style of the _Top 3_ and _Bottom 3_ performers on the analysis page
- Upgraded `Nx` from version `17.2.7` to `17.2.8` - Upgraded `Nx` from version `17.2.7` to `17.2.8`
### Fixed
- Improved the tabs on iOS (_Add to Home Screen_)
## 2.33.0 - 2023-12-31 ## 2.33.0 - 2023-12-31
### Added ### Added

6
apps/client/src/app/app.component.scss
View File

@ -2,7 +2,7 @@
:host { :host {
display: block; display: block;
min-height: 100vh; min-height: 100svh;
&.has-info-message { &.has-info-message {
header { header {
@ -30,7 +30,7 @@
} }
main { main {
min-height: calc(100vh - 2 * var(--mat-toolbar-standard-height)); min-height: calc(100svh - 2 * var(--mat-toolbar-standard-height));
} }
} }
@ -44,7 +44,7 @@
} }
main { main {
min-height: calc(100vh - var(--mat-toolbar-standard-height)); min-height: calc(100svh - var(--mat-toolbar-standard-height));
} }
} }

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

@ -385,7 +385,7 @@ ngx-skeleton-loader {
.has-info-message { .has-info-message {
.page.has-tabs { .page.has-tabs {
height: calc(100vh - 2 * var(--mat-toolbar-standard-height)); height: calc(100svh - 2 * var(--mat-toolbar-standard-height));
} }
} }
@ -505,6 +505,8 @@ ngx-skeleton-loader {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow-y: auto; overflow-y: auto;
padding-bottom: env(safe-area-inset-bottom);
padding-bottom: constant(safe-area-inset-bottom);
.fab-container { .fab-container {
bottom: 2rem; bottom: 2rem;
@ -520,9 +522,7 @@ ngx-skeleton-loader {
} }
&.has-tabs { &.has-tabs {
height: calc(100vh - var(--mat-toolbar-standard-height)); height: calc(100svh - var(--mat-toolbar-standard-height));
padding-bottom: env(safe-area-inset-bottom);
padding-bottom: constant(safe-area-inset-bottom);
.fab-container { .fab-container {
@media (max-width: 575.98px) { @media (max-width: 575.98px) {