diff --git a/packages/angular-sdk-components/src/lib/_components/designSystemExtension/banner/banner.component.scss b/packages/angular-sdk-components/src/lib/_components/designSystemExtension/banner/banner.component.scss index 8e952314..4ed5800e 100644 --- a/packages/angular-sdk-components/src/lib/_components/designSystemExtension/banner/banner.component.scss +++ b/packages/angular-sdk-components/src/lib/_components/designSystemExtension/banner/banner.component.scss @@ -20,6 +20,10 @@ column-gap: calc(2 * 0.5rem); row-gap: calc(2 * 0.5rem); align-items: start; + + & > *:nth-child(1) { + min-width: 0; + } } .psdk-grid-filter-narrow-wide { diff --git a/packages/angular-sdk-components/src/lib/_components/field/date-time/date-time.component.ts b/packages/angular-sdk-components/src/lib/_components/field/date-time/date-time.component.ts index 2374f1a4..4c91c6cd 100644 --- a/packages/angular-sdk-components/src/lib/_components/field/date-time/date-time.component.ts +++ b/packages/angular-sdk-components/src/lib/_components/field/date-time/date-time.component.ts @@ -4,9 +4,7 @@ import { ReactiveFormsModule } from '@angular/forms'; import { MatDatepickerModule } from '@angular/material/datepicker'; import { MatInputModule } from '@angular/material/input'; import { MatFormFieldModule } from '@angular/material/form-field'; - import { ScrollStrategyOptions } from '@angular/cdk/overlay'; - import { OwlDateTimeModule, OwlNativeDateTimeModule } from '@danielmoncada/angular-datetime-picker'; import dayjs from 'dayjs'; diff --git a/packages/angular-sdk-components/src/lib/_components/infra/assignment/assignment.component.ts b/packages/angular-sdk-components/src/lib/_components/infra/assignment/assignment.component.ts index ac8b7c15..e0fe7c07 100644 --- a/packages/angular-sdk-components/src/lib/_components/infra/assignment/assignment.component.ts +++ b/packages/angular-sdk-components/src/lib/_components/infra/assignment/assignment.component.ts @@ -18,6 +18,11 @@ function getRefreshProps(refreshConditions) { return refreshConditions.filter(item => item.event && item.event === 'Changes').map(item => [item.field, item.field?.substring(1)]) || []; } +function scrollToTop() { + const scrollElement = document.querySelector('.psdk-view-container-top'); + scrollElement?.scrollIntoView(); +} + interface AssignmentProps { // If any, enter additional props that only exist on this component template: string; @@ -140,6 +145,8 @@ export class AssignmentComponent implements OnInit, OnDestroy, OnChanges { } updateChanges() { + scrollToTop(); + this.registerForRefresh(); // pConn$ may be a 'reference' component, so normalize it diff --git a/packages/angular-sdk-components/src/lib/_components/template/confirmation/confirmation.component.html b/packages/angular-sdk-components/src/lib/_components/template/confirmation/confirmation.component.html index 88ee732d..14509e92 100644 --- a/packages/angular-sdk-components/src/lib/_components/template/confirmation/confirmation.component.html +++ b/packages/angular-sdk-components/src/lib/_components/template/confirmation/confirmation.component.html @@ -1,7 +1,7 @@