[ACS-7944] [ADW] Start process page (#9802)

This commit is contained in:
jacekpluta 2024-06-12 08:45:40 +02:00 committed by VitoAlbano
parent b1331c9210
commit bfd883168b
6 changed files with 48 additions and 5 deletions

View File

@ -24,7 +24,7 @@
}
.adf-ie11FixerParent {
margin-top: 16px;
margin: 16px 0;
min-width: 320px;
// IE11 vertical centering

View File

@ -145,3 +145,4 @@ $mat-form-field-error-wrapper: '.mat-mdc-form-field-error-wrapper';
$mat-text-field-textarea: '.mdc-text-field--textarea';
$mat-list-item-disabled: '.mdc-list-item--disabled';
$mat-chip-focus-overlay: '.mat-mdc-chip-focus-overlay';
$mat-card-header: '.mat-mdc-card-header';

View File

@ -18,7 +18,7 @@
</adf-content-node-selector-panel>
</mat-dialog-content>
<mat-dialog-actions align="end">
<mat-dialog-actions class="adf-login-dialog-actions" align="end">
<button
mat-button
(click)="close()"

View File

@ -22,4 +22,15 @@
}
}
}
.adf-login-dialog-actions {
margin-left: -25px;
margin-right: -25px;
padding-right: 25px;
}
}
#{$mat-dialog-surface} {
overflow-x: hidden;
}

View File

@ -15,6 +15,7 @@
placeholder="{{ 'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.SELECT_APPLICATION' | translate }}"
(selectionChange)="onAppSelectionChange($event)"
[(ngModel)]="selectedApplication"
class="adf-start-process-definition-select"
data-automation-id="adf-start-process-apps-drop-down">
<mat-option
*ngFor="let application of applications"
@ -61,7 +62,7 @@
</div>
</mat-form-field>
</div>
<mat-form-field class="adf-process-input-container" [floatLabel]="'always'">
<mat-form-field class="adf-process-input-container adf-process-input-container-process-name" [floatLabel]="'always'">
<mat-label>{{'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.NAME' | translate}}</mat-label>
<input
matInput

View File

@ -17,8 +17,11 @@
}
&-content-actions {
padding-bottom: 16px;
padding-right: 16px;
text-align: right;
}
#{$mat-button} {
width: auto;
padding: 0 16px;
@ -35,16 +38,20 @@
mat-form-field {
width: 100%;
}
&-process-name {
margin-top: 16px
}
}
&-process-input-autocomplete {
display: flex;
padding-bottom: 2px;
button {
.adf-start-process-button {
position: absolute;
right: -14px;
top: 0;
top: 10px;
}
mat-spinner {
@ -55,6 +62,14 @@
}
&-start-form-container {
#{$mat-card} {
height: 100%;
}
#{$mat-card-header} {
display: none;
}
.adf-start-form-card:has(.adf-start-form-header) {
box-shadow: none;
padding: 0;
@ -63,6 +78,11 @@
&-start-form-actions:has(.adf-start-form-actions-button) {
text-align: right;
padding-bottom: 16px;
button {
text-wrap: none;
}
}
&-start-process-definition-container {
@ -70,6 +90,16 @@
flex-direction: row;
justify-content: space-around;
align-items: baseline;
.adf-start-process-definition-select {
.mat-mdc-select-arrow-wrapper {
transform: none;
svg {
fill: initial;
}
}
}
}
&-start-process-app-list {