From 070509e3c3cb5f5452fc02fad1b4a8d44ba060ee Mon Sep 17 00:00:00 2001
From: descamps <descamps@cines.fr>
Date: Wed, 16 Jun 2021 16:41:21 +0200
Subject: [PATCH] KDE - 16/06/2021 - Modification centrage checkbox + style
---
.../attributes/attributes.component.html | 1 -
.../attributes/attributes.component.scss | 29 +++++++++++++++++--
2 files changed, 27 insertions(+), 3 deletions(-)
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 763ecc588..eb1ad0b98 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 9b9c336f9..7bf52c1b7 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 {
--
GitLab