FEAT #10762 TIME 0:10 fix css watermark

src/frontend/app/home/home.component.html

@@ -47,8 +47,7 @@
                             matSortDisableClear matSortDirection="asc" style="width:100%;table-layout: fixed;">
                             <!-- Number Column -->
                             <ng-container matColumnDef="res_id">
-                                <td mat-cell *matCellDef="let row" [ngStyle]="{'width': mobileMode ? '30%' : '15%'}"
-                                    style="text-align:center;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;padding: 5px;vertical-align: middle;">
+                                <td class="first_col" mat-cell *matCellDef="let row" [ngStyle]="{'width': mobileMode ? '30%' : '15%'}">
                                     <div *ngIf="row.closing_date == null && mobileMode"
                                         id="{{row.res_id}}_creation_date"
                                         style="color: rgba(0,0,0,0.4);font-size: 90%;overflow: hidden;text-overflow: ellipsis;"
@@ -66,7 +65,6 @@
                                         title="{{row.alt_identifier}} (n°{{row.res_id}})">
                                         {{row.alt_identifier}}
                                     </div>
-
                                 </td>
                             </ng-container>
                             <ng-container matColumnDef="subject">

src/frontend/app/home/home.component.scss

 @import '../../css/vars.scss';
 
+.first_col {
+    position:relative;
+    text-align:center;
+    overflow:hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    padding: 5px;
+    vertical-align: middle;
+}
 .noDoc {
     .mat-badge-content {
         color: #666;
@@ -9,10 +18,9 @@
 
 .watermark {
     position: absolute;
-    transform: rotate(-20deg);
+    left: 50%;
+    transform: translateX(-50%) rotate(-20deg);
     color: red;
     font-weight: bold;
-    margin-left: -60px;
-    margin-top: 10px;
     opacity: 0.6;
   }
\ No newline at end of file

src/frontend/app/list/basket-list.component.scss

@@ -40,9 +40,9 @@
 
 .watermark {
   position: absolute;
-  transform: rotate(-20deg);
+  left: 50%;
+  transform: translateX(-50%) rotate(-20deg);
   color: red;
   font-weight: bold;
-  margin-left: -60px;
   opacity: 0.6;
 }

src/frontend/css/maarch-material-table.scss

@@ -24,6 +24,7 @@
     align-items: center;
 
     &-status {
+        position: relative;
         width: 65px;
         text-align: center;