KDE - 16/06/2021 - Modification centrage checkbox + style

ui/ui-frontend/projects/pastis/src/app/profile/edit-profile/file-tree-metadata/attributes/attributes.component.html

@@ -16,7 +16,6 @@
      <td mat-cell *matCellDef="let element;index as i;" class="pastis-metadata-table-col-large check-box">
        <mat-checkbox
          [(ngModel)]="element.selected "
-         style="float:right"
          [disabled]=isSedaObligatory(element)
          [ngStyle]="{'mat-checkbox-checkmark-path': isSedaObligatory(element) ? 'grey' : ''}"></mat-checkbox>
      </td>

ui/ui-frontend/projects/pastis/src/app/profile/edit-profile/file-tree-metadata/attributes/attributes.component.scss

@@ -63,7 +63,7 @@ td {
 }
 
 .col-selection {
-  text-align: right;
+  text-align: left;
   padding-right: 0px !important;
 }
 
@@ -81,10 +81,11 @@ td {
 
   &.mat-checkbox-checked  .mat-checkbox-frame {
     border-radius: 3px;
-    border: 1px solid var(--vitamui-grey-400);
+    border: 1px solid var(--vitamui-primary);
     background: var(--vitamui-primary);
   }
 
+
   &.mat-checkbox-checked .mat-checkbox-background,
   .mat-checkbox-background {
     background: transparent;
@@ -120,6 +121,30 @@ td {
 
 }
 
+::ng-deep .mat-checkbox-checked.mat-accent.mat-checkbox-disabled .mat-checkbox-background,
+.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
+  border: none! important;
+  border-color: var(--vitamui-grey-700);
+  background-color: var(--vitamui-grey-300);
+
+  .mat-checkbox-checkmark-path {
+    stroke: var(--vitamui-grey-700) !important;
+  }
+
+  &.mat-checkbox-checked  .mat-checkbox-frame {
+    border-radius: 3px;
+    border: 1px solid var(--vitamui-grey-700) !important;
+    background: var(--vitamui-grey-700);
+  }
+}
+
+::ng-deep .mat-checkbox.mat-checkbox-disabled .mat-checkbox-frame{
+  border: 1px solid var(--vitamui-primary);
+  border-color: var(--vitamui-grey-700);
+  background-color: var(--vitamui-grey-300);
+}
+
+
 /*// Pastis checkbox (enabled)
 ::ng-deep .mat-checkbox.mat-accent {
    .mat-checkbox-frame {