diff --git a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-input/editable-input.component.html b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-input/editable-input.component.html index 02a3fd1926c3210f22494e75f7efc43767dd6060..89a66e97204dd08048aecadb46ec98f5ada1de22 100644 --- a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-input/editable-input.component.html +++ b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-input/editable-input.component.html @@ -34,7 +34,7 @@ </div> -<div *ngIf="disabled" class="read-only-field disabled-input"> +<div *ngIf="disabled" class="read-only-field"> <label>{{label}}</label> <div class="value-display">{{control?.value}}</div> </div> \ No newline at end of file diff --git a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-level-input/editable-level-input.component.html b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-level-input/editable-level-input.component.html index 5cd12bf8ca3c84b26adf85544003a5b94bab8407..5e417819398f63023435696e7e8caa620442cdd9 100644 --- a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-level-input/editable-level-input.component.html +++ b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-level-input/editable-level-input.component.html @@ -25,7 +25,7 @@ </ng-template> </ng-container> -<div *ngIf="disabled" class="read-only-field disabled-input"> +<div *ngIf="disabled" class="read-only-field"> <div> <label i18n="Admin profile level@@subLevel">Sous niveau</label> <div> <span>{{control.value | subLevel:prefix }}</span></div> diff --git a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-select/editable-select.component.html b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-select/editable-select.component.html index d8347859f5d8abbdb615752775b9b127fe38c6c2..d310ae5b07ffa9e08d1f9294bed7f0ddeac2547b 100644 --- a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-select/editable-select.component.html +++ b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-select/editable-select.component.html @@ -39,7 +39,7 @@ </div> -<div *ngIf="disabled" class="read-only-field disabled-input"> +<div *ngIf="disabled" class="read-only-field"> <label>{{label}}</label> <div>{{content(control?.value)}}</div> </div> diff --git a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-textarea/editable-textarea.component.html b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-textarea/editable-textarea.component.html index 1192e7552802de2d5a5452fd41abe64be18ee129..daab80ef66be10b7127424c81db7598626e0b830 100644 --- a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-textarea/editable-textarea.component.html +++ b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-textarea/editable-textarea.component.html @@ -33,7 +33,7 @@ </div> -<div *ngIf="disabled" class="read-only-field disabled-input squarish"> +<div *ngIf="disabled" class="read-only-field squarish"> <label>{{label}}</label> <div>{{control?.value}}</div> </div> diff --git a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-toggle-group/editable-toggle-group.component.html b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-toggle-group/editable-toggle-group.component.html index 01d3aa2fc8010ced963f3c71b3a45a2ab810ed72..12f13e1b6f27e88c4b23e5f761ac720134afd81e 100644 --- a/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-toggle-group/editable-toggle-group.component.html +++ b/ui/ui-frontend-common/src/app/modules/components/editable-field/editable-toggle-group/editable-toggle-group.component.html @@ -33,7 +33,7 @@ </div> -<div *ngIf="disabled" class="read-only-field disabled-input"> +<div *ngIf="disabled" class="read-only-field"> <label>{{label}}</label> <div>{{content(control?.value)}}</div> </div> diff --git a/ui/ui-frontend-common/src/app/modules/components/header/select-tenant/select-tenant.component.scss b/ui/ui-frontend-common/src/app/modules/components/header/select-tenant/select-tenant.component.scss index d84304d1d9102df42569826d035a81542860ce55..4c8d6e5b27ba330567a3314336745cd045fa6542 100644 --- a/ui/ui-frontend-common/src/app/modules/components/header/select-tenant/select-tenant.component.scss +++ b/ui/ui-frontend-common/src/app/modules/components/header/select-tenant/select-tenant.component.scss @@ -40,6 +40,7 @@ mat-select { color: var(--vitamui-grey-900); + font-size: 16px; } .mat-form-field-infix { diff --git a/ui/ui-frontend-common/src/sass/_editable-field.scss b/ui/ui-frontend-common/src/sass/_editable-field.scss index 2511260c1c657f235e076def579e8a07bec2509b..5f9d60f5d2cca9062ce30e63fb99daeff8d2522d 100644 --- a/ui/ui-frontend-common/src/sass/_editable-field.scss +++ b/ui/ui-frontend-common/src/sass/_editable-field.scss @@ -174,10 +174,6 @@ $anim-timing: 150ms ease-out; border-radius: 10px; } -.disabled-input { - background-color: var(--vitamui-grey-300); -} - .squarish { border-radius: 10px!important; } \ No newline at end of file diff --git a/ui/ui-frontend-common/src/sass/_form.scss b/ui/ui-frontend-common/src/sass/_form.scss index be4edd1357b772117fdfd03e7194f4d24a3fafc3..e68f9ae587fd338f0e493841d1dfe70a89f7a3a9 100644 --- a/ui/ui-frontend-common/src/sass/_form.scss +++ b/ui/ui-frontend-common/src/sass/_form.scss @@ -1,17 +1,19 @@ .read-only-field { - border: 1px solid var(--vitamui-grey-300); - border-radius: $input-height / 2; display: inline-block; min-height: 50px; width: 100%; - padding: 7px 20px 7px 25px; + padding: 7px; vertical-align: top; margin-bottom: 20px; label { font-size: 13px; - color: var(--vitamui-grey-800); - font-weight: normal; + color: var(--vitamui-grey-600); + font-weight: 500; + } + + div { + font-weight: 500; } } diff --git a/ui/ui-frontend-common/src/sass/_search-bar.scss b/ui/ui-frontend-common/src/sass/_search-bar.scss index 4f10e77a744e2418acde3c04e2cc1a901f4d2168..67f390e9c40dd76bdfa3e6f2a45b2a277db04841 100644 --- a/ui/ui-frontend-common/src/sass/_search-bar.scss +++ b/ui/ui-frontend-common/src/sass/_search-bar.scss @@ -26,6 +26,11 @@ @include vitamui-input-placeholder; font-weight: normal; } + + &:disabled { + background-color: var(--vitamui-grey-200); + cursor: not-allowed; + } } > button[type=submit].btn-search, > button[type=button].btn-search { diff --git a/ui/ui-frontend/projects/identity/src/app/customer/customer-list/customer-list.component.html b/ui/ui-frontend/projects/identity/src/app/customer/customer-list/customer-list.component.html index 9153b1e3a0186e2caaf187f4b25690bf0fff8f71..948a314327a3e244048e73c982a8e452c66ca76a 100644 --- a/ui/ui-frontend/projects/identity/src/app/customer/customer-list/customer-list.component.html +++ b/ui/ui-frontend/projects/identity/src/app/customer/customer-list/customer-list.component.html @@ -16,10 +16,12 @@ <i class="vitamui-icon vitamui-icon-bank" [style.fontSize.px]="30"></i> <i class="material-icons caret ml-1" [style.fontSize.px]="20" [@arrow]="row2.state">keyboard_arrow_up</i> </div> - <div class="col-2"(click)="customerClick.emit(customer)">{{ customer?.code }}</div> - <div class="col-2"(click)="customerClick.emit(customer)">{{ customer?.name }}</div> - <div class="col-3"(click)="customerClick.emit(customer)">{{ customer?.companyName }}</div> - <div class="col-2"(click)="customerClick.emit(customer)">{{ customer?.idp ? 'Oui' : 'Non'}}</div> + <div (click)="customerClick.emit(customer)" [style.display]="'contents'"> + <div class="col-2">{{ customer?.code }}</div> + <div class="col-2">{{ customer?.name }}</div> + <div class="col-3">{{ customer?.companyName }}</div> + <div class="col-2">{{ customer?.idp ? 'Oui' : 'Non'}}</div> + </div> <div class="col-2 actions"> <span (click)="customerClick.emit(customer)">{ customer?.otp, select, DISABLED {Non} OPTIONAL {Optionnelle} MANDATORY {Obligatoire} }</span> <div> diff --git a/ui/ui-frontend/projects/identity/src/app/group/group-preview/information-tab/information-tab.component.scss b/ui/ui-frontend/projects/identity/src/app/group/group-preview/information-tab/information-tab.component.scss index ba44ee3fcfa46e8cdc6848032702327217016c6d..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391 100644 --- a/ui/ui-frontend/projects/identity/src/app/group/group-preview/information-tab/information-tab.component.scss +++ b/ui/ui-frontend/projects/identity/src/app/group/group-preview/information-tab/information-tab.component.scss @@ -1,10 +0,0 @@ -@import '~ui-frontend-common/sass/variables/colors'; - -label { - color: $greyish-two; - font-size: 15px; -} - -.level-input-div { - margin-left: 20px; -}