@pega/angular-sdk-overrides 0.25.5 → 0.25.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/designSystemExtension/banner/banner.component.html +1 -1
- package/lib/designSystemExtension/banner/banner.component.scss +6 -2
- package/lib/infra/assignment/assignment.component.ts +7 -0
- package/lib/template/confirmation/confirmation.component.html +1 -1
- package/lib/template/wss-nav-bar/wss-nav-bar.component.html +1 -1
- package/lib/template/wss-nav-bar/wss-nav-bar.component.scss +7 -9
- package/package.json +1 -1
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
</div>
|
|
10
10
|
<div
|
|
11
11
|
[ngClass]="{
|
|
12
|
-
'psdk-grid-filter-
|
|
12
|
+
'psdk-grid-filter-2': this.layout$ === 'two-column',
|
|
13
13
|
'psdk-grid-filter-wide-narrow': this.layout$ === 'wide-narrow',
|
|
14
14
|
'psdk-grid-filter-narrow-wide': this.layout$ === 'narrow-wide'
|
|
15
15
|
}"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.psdk-grid-filter-1 {
|
|
2
2
|
display: grid;
|
|
3
|
-
grid-template-columns: repeat(
|
|
3
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
4
4
|
column-gap: calc(2 * 0.5rem);
|
|
5
5
|
row-gap: calc(2 * 0.5rem);
|
|
6
6
|
align-items: start;
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
.psdk-grid-filter-2 {
|
|
10
10
|
display: grid;
|
|
11
|
-
grid-template-columns: repeat(
|
|
11
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
12
12
|
column-gap: calc(2 * 0.5rem);
|
|
13
13
|
row-gap: calc(2 * 0.5rem);
|
|
14
14
|
align-items: start;
|
|
@@ -20,6 +20,10 @@
|
|
|
20
20
|
column-gap: calc(2 * 0.5rem);
|
|
21
21
|
row-gap: calc(2 * 0.5rem);
|
|
22
22
|
align-items: start;
|
|
23
|
+
|
|
24
|
+
& > *:nth-child(1) {
|
|
25
|
+
min-width: 0;
|
|
26
|
+
}
|
|
23
27
|
}
|
|
24
28
|
|
|
25
29
|
.psdk-grid-filter-narrow-wide {
|
|
@@ -18,6 +18,11 @@ function getRefreshProps(refreshConditions) {
|
|
|
18
18
|
return refreshConditions.filter(item => item.event && item.event === 'Changes').map(item => [item.field, item.field?.substring(1)]) || [];
|
|
19
19
|
}
|
|
20
20
|
|
|
21
|
+
function scrollToTop() {
|
|
22
|
+
const scrollElement = document.querySelector('.psdk-view-container-top');
|
|
23
|
+
scrollElement?.scrollIntoView();
|
|
24
|
+
}
|
|
25
|
+
|
|
21
26
|
interface AssignmentProps {
|
|
22
27
|
// If any, enter additional props that only exist on this component
|
|
23
28
|
template: string;
|
|
@@ -140,6 +145,8 @@ export class AssignmentComponent implements OnInit, OnDestroy, OnChanges {
|
|
|
140
145
|
}
|
|
141
146
|
|
|
142
147
|
updateChanges() {
|
|
148
|
+
scrollToTop();
|
|
149
|
+
|
|
143
150
|
this.registerForRefresh();
|
|
144
151
|
|
|
145
152
|
// pConn$ may be a 'reference' component, so normalize it
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<div>
|
|
2
2
|
<div *ngIf="showConfirmView">
|
|
3
3
|
<h2 id="confirm-label" class="confirm-label">{{ label }}</h2>
|
|
4
|
-
<div *ngIf="showDetails">
|
|
4
|
+
<div *ngIf="showDetails" class="confirmation-details">
|
|
5
5
|
<component-mapper name="Details" [props]="{ pConn$ }"></component-mapper>
|
|
6
6
|
</div>
|
|
7
7
|
<div *ngIf="showTasks && toDoList?.length > 0">
|
|
@@ -15,8 +15,6 @@
|
|
|
15
15
|
padding-top: 0.625rem;
|
|
16
16
|
cursor: pointer;
|
|
17
17
|
padding-right: 1rem;
|
|
18
|
-
&:hover {
|
|
19
|
-
}
|
|
20
18
|
align-items: center;
|
|
21
19
|
}
|
|
22
20
|
|
|
@@ -106,13 +104,11 @@
|
|
|
106
104
|
|
|
107
105
|
.psdk-nav-button-span {
|
|
108
106
|
padding: 0 1rem;
|
|
109
|
-
color: var(--app-nav-color);
|
|
110
|
-
|
|
111
|
-
&:hover {
|
|
112
|
-
}
|
|
113
107
|
}
|
|
114
108
|
|
|
115
109
|
.psdk-nav-oper-avatar {
|
|
110
|
+
border-radius: 100%;
|
|
111
|
+
background-color: var(--mat-sys-primary);
|
|
116
112
|
margin: 0rem;
|
|
117
113
|
padding: 0rem;
|
|
118
114
|
min-width: 2.5rem;
|
|
@@ -128,6 +124,11 @@
|
|
|
128
124
|
font-size: 1rem;
|
|
129
125
|
}
|
|
130
126
|
|
|
127
|
+
mat-toolbar {
|
|
128
|
+
margin-bottom: 5px;
|
|
129
|
+
background-color: var(--mat-sys-surface-variant);
|
|
130
|
+
}
|
|
131
|
+
|
|
131
132
|
mat-list {
|
|
132
133
|
padding: 0;
|
|
133
134
|
}
|
|
@@ -142,9 +143,6 @@ mat-list-item {
|
|
|
142
143
|
cursor: pointer !important;
|
|
143
144
|
height: auto !important;
|
|
144
145
|
|
|
145
|
-
&:hover {
|
|
146
|
-
}
|
|
147
|
-
|
|
148
146
|
.flex-box {
|
|
149
147
|
display: flex;
|
|
150
148
|
align-items: center;
|