[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 { .adf-ie11FixerParent {
margin-top: 16px; margin: 16px 0;
min-width: 320px; min-width: 320px;
// IE11 vertical centering // 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-text-field-textarea: '.mdc-text-field--textarea';
$mat-list-item-disabled: '.mdc-list-item--disabled'; $mat-list-item-disabled: '.mdc-list-item--disabled';
$mat-chip-focus-overlay: '.mat-mdc-chip-focus-overlay'; $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> </adf-content-node-selector-panel>
</mat-dialog-content> </mat-dialog-content>
<mat-dialog-actions align="end"> <mat-dialog-actions class="adf-login-dialog-actions" align="end">
<button <button
mat-button mat-button
(click)="close()" (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 }}" placeholder="{{ 'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.SELECT_APPLICATION' | translate }}"
(selectionChange)="onAppSelectionChange($event)" (selectionChange)="onAppSelectionChange($event)"
[(ngModel)]="selectedApplication" [(ngModel)]="selectedApplication"
class="adf-start-process-definition-select"
data-automation-id="adf-start-process-apps-drop-down"> data-automation-id="adf-start-process-apps-drop-down">
<mat-option <mat-option
*ngFor="let application of applications" *ngFor="let application of applications"
@ -61,7 +62,7 @@
</div> </div>
</mat-form-field> </mat-form-field>
</div> </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> <mat-label>{{'ADF_PROCESS_LIST.START_PROCESS.FORM.LABEL.NAME' | translate}}</mat-label>
<input <input
matInput matInput

View File

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