BE-#0: Fix scroll-margin for widget-container in mobile layout and fi…

…x maps widget change detection
SE-TINF22B2 · May 27, 2024 · 0ca3f17 · 0ca3f17
1 parent 844c5ab
commit 0ca3f17
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/frontend/src/app/eventpage/widgets-section/widgets-section.component.scss b/frontend/src/app/eventpage/widgets-section/widgets-section.component.scss
@@ -26,7 +26,7 @@
   }
 
   app-widget-container {
-    scroll-margin-top: 50px;
+    scroll-margin-top: 70px;
   }
 }
 
@@ -36,7 +36,7 @@
   }
 
   app-widget-container {
-    scroll-margin-top: calc(var(--mat-toolbar-mobile-height) + 50px);
+    scroll-margin-top: calc(var(--mat-toolbar-mobile-height) + 70px) !important;
   }
 }
 

diff --git a/frontend/src/app/widgets/maps-widget/maps-widget.component.ts b/frontend/src/app/widgets/maps-widget/maps-widget.component.ts
@@ -71,7 +71,7 @@ export class MapsWidgetComponent implements OnInit {
 
   @Input({transform: (value: BaseWidget): MapWidget => value as MapWidget})
   set widget(value: MapWidget) {
-    const hasChanged = value !== this._widget;
+    const hasChanged = value?.id !== this._widget?.id;
     this._widget = value;
     if (hasChanged && value.locations.length > 0) {
       this.focusLocation(value.locations[0]);