diff --git a/ui/ui-frontend/projects/pastis/src/app/profile/edit-profile/file-tree-metadata/attributes/attributes.component.html b/ui/ui-frontend/projects/pastis/src/app/profile/edit-profile/file-tree-metadata/attributes/attributes.component.html index 763ecc58805d55333f1013e1ada703d5f03878ee..eb1ad0b982e5f4de8a94feadc00cc7f5ed471a37 100644 --- a/ui/ui-frontend/projects/pastis/src/app/profile/edit-profile/file-tree-metadata/attributes/attributes.component.html +++ b/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> diff --git a/ui/ui-frontend/projects/pastis/src/app/profile/edit-profile/file-tree-metadata/attributes/attributes.component.scss b/ui/ui-frontend/projects/pastis/src/app/profile/edit-profile/file-tree-metadata/attributes/attributes.component.scss index 9b9c336f9430e7a5ff9f5893c7be2080e08716fc..7bf52c1b7e71e4ca37a4607a93c69e426100e3d2 100644 --- a/ui/ui-frontend/projects/pastis/src/app/profile/edit-profile/file-tree-metadata/attributes/attributes.component.scss +++ b/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 {