FEAT #14568 TIME 0:20 fix css

src/frontend/app/indexation/signature-position/signature-position.component.html

@@ -9,7 +9,8 @@
         </ion-item>
     </ion-toolbar>
     <ion-toolbar color="primary">
-        <ion-segment color="warning" scrollable [value]="currentUser" (ionChange)="selectUser($event.detail.value)">
+        <ion-segment color="warning" scrollable [value]="currentUser" (ionChange)="selectUser($event.detail.value)"
+            style="justify-content: center;">
             <ion-segment-button *ngFor="let user of workflow;let i=index" [value]="i" layout="icon-start">
                 <ion-label>
                     <h2>{{user.userDisplay}}</h2>
@@ -62,15 +63,14 @@
         (pdfLoaded)="onPagesLoaded($event)">
     </ngx-extended-pdf-viewer>
 </ion-content>
-<ion-footer class="ion-no-border">
-    <ion-toolbar>
-        <ion-buttons class="ion-justify-content-center">
-            <ion-button type="button" color="primary" fill="outline" shape="round" (click)="onSubmit()">
-                <ion-label>{{'lang.save' | translate}}</ion-label>
-            </ion-button>
-            <ion-button type="button" color="medium" fill="outline" shape="round" (click)="modalController.dismiss()">
-                <ion-label>{{'lang.cancel' | translate}}</ion-label>
-            </ion-button>
-        </ion-buttons>
-    </ion-toolbar>
+<ion-footer class="ion-no-border footer-buttons">
+    <div>
+        <ion-button type="button" color="primary" fill="outline" shape="round" size="large" (click)="onSubmit()">
+            <ion-label>{{'lang.save' | translate}}</ion-label>
+        </ion-button>
+        <ion-button type="button" color="medium" fill="outline" shape="round" size="large"
+            (click)="modalController.dismiss()">
+            <ion-label>{{'lang.cancel' | translate}}</ion-label>
+        </ion-button>
+    </div>
 </ion-footer>
\ No newline at end of file

src/frontend/app/search/search.component.html

@@ -28,12 +28,12 @@
                                 style="display: flex;align-items: center;white-space: pre;overflow-x: auto;overflow-y: hidden;">
                                 <ng-container *ngFor="let itemW of element.workflow;let i=index;">
                                     <ion-icon *ngIf="i>0" name="chevron-forward-outline"></ion-icon>
-                                    <span class="workflow-item success" [class.success]="itemW.processDate!==null"
+                                    <span class="workflow-item success" [class.success]="itemW.processDate!==null && itemW.status!=='STOP'"
                                         [class.typist-interrupt]="itemW.status==='REF'"
-                                        [class.interrupt]="itemW.processDate===null && ['END','STOP'].indexOf(itemW.status) > -1"
+                                        [class.interrupt]="(itemW.processDate===null && itemW.statu === 'END') || itemW.status === 'STOP'"
                                         [class.current]="itemW.current"
                                         [class.no-visa]="itemW.processDate===null && itemW.status===null && !itemW.current">{{itemW.userDisplay}}&nbsp;
-                                        <ion-icon *ngIf="itemW.processDate!==null && itemW.status!=='REF'"
+                                        <ion-icon *ngIf="itemW.processDate!==null && itemW.status!=='REF' && itemW.status!=='STOP'"
                                             name="thumbs-up-outline"></ion-icon>
                                         <ion-icon *ngIf="itemW.processDate!==null && itemW.status==='REF'"
                                             name="thumbs-down-outline"></ion-icon>

src/frontend/core/global.scss

@@ -170,4 +170,21 @@ ion-icon {
 .custom-alert-fullscreen .modal-wrapper{
     width: 100%;
     height: 100%;
-} 
\ No newline at end of file
+}
+
+.footer-buttons {
+    padding: 10px;
+    display: flex;
+    justify-content: center;
+  
+    ion-button {
+      margin: auto;
+      margin-left: 10px;
+      margin-right: 10px;
+      width: 150px;
+    }
+
+    ion-label {
+        font-size: 13px;
+    }
+  }
\ No newline at end of file