diff --git a/frontend/src/app/features/dashboard/pages/dashboard-page.component.html b/frontend/src/app/features/dashboard/pages/dashboard-page.component.html
index ae92eaa78..93c77ea41 100644
--- a/frontend/src/app/features/dashboard/pages/dashboard-page.component.html
+++ b/frontend/src/app/features/dashboard/pages/dashboard-page.component.html
@@ -70,6 +70,8 @@
+
+
diff --git a/frontend/src/app/features/dashboard/pages/dashboard-page.component.scss b/frontend/src/app/features/dashboard/pages/dashboard-page.component.scss
index 56777c417..aae31886a 100644
--- a/frontend/src/app/features/dashboard/pages/dashboard-page.component.scss
+++ b/frontend/src/app/features/dashboard/pages/dashboard-page.component.scss
@@ -25,6 +25,14 @@ gridster-item {
/* stylelint-disable */
gridster {
background: none;
+
+ &::after {
+ @include absolute(100%, 0, null, 0);
+ content: '';
+ padding: 0;
+ padding-bottom: var(--gridster-margin);
+ pointer-events: none;
+ }
}
gridster-item {
diff --git a/frontend/src/app/features/dashboard/pages/dashboard-page.component.ts b/frontend/src/app/features/dashboard/pages/dashboard-page.component.ts
index 3656bf8e7..80f1442d5 100644
--- a/frontend/src/app/features/dashboard/pages/dashboard-page.component.ts
+++ b/frontend/src/app/features/dashboard/pages/dashboard-page.component.ts
@@ -24,6 +24,7 @@ export class DashboardPageComponent extends ResourceOwner implements AfterViewIn
public selectedApp = this.appsState.selectedApp.pipe(defined());
public isStacked = false;
+ public isScrolled = false;
public storageCurrent?: CurrentStorageDto;
public storageUsage?: ReadonlyArray;
@@ -33,7 +34,7 @@ export class DashboardPageComponent extends ResourceOwner implements AfterViewIn
public gridConfig?: GridsterItem[];
public gridOptions = DEFAULT_OPTIONS;
- public isScrolled = false;
+ public extendedHeight: string = '';
public user = this.authState.user?.displayName;
@@ -89,6 +90,10 @@ export class DashboardPageComponent extends ResourceOwner implements AfterViewIn
});
}
+ public ngAfterViewChecked() {
+ this.extendedHeight = `${this.grid.gridRows.length * this.grid.curRowHeight - 10}px`;
+ }
+
public changeIsStacked(value: boolean) {
this.localStore.setBoolean(Settings.Local.DASHBOARD_CHART_STACKED, value);