diff --git a/ui/ui-frontend-common/src/app/modules/components/header/select-customer/select-customer.component.scss b/ui/ui-frontend-common/src/app/modules/components/header/select-customer/select-customer.component.scss
index 9d912836c54971840ac225649b3c87c1d40e1cb1..a0aa09a3bf2e8df07e1a62f253e2dbde45989a16 100644
--- a/ui/ui-frontend-common/src/app/modules/components/header/select-customer/select-customer.component.scss
+++ b/ui/ui-frontend-common/src/app/modules/components/header/select-customer/select-customer.component.scss
@@ -1,20 +1,20 @@
@import '../../../../../sass/variables/colors';
:host::ng-deep {
-
+
.selected-customer-label, .unselected-customer-label {
- color: $warm-grey;
+ color: var(--vitamui-grey-600);
font-size: 16px;
}
.mat-form-field-underline {
display: none;
}
-
+
.mat-select-value-text {
font-weight: bold;
}
-
+
.mat-select-arrow {
color: var(--vitamui-primary);
}
@@ -24,8 +24,8 @@
}
mat-form-field {
- border: 1px solid $light-grey;
- background-color: $white;
+ border: 1px solid var(--vitamui-grey-300);
+ background-color: white;
padding-left: 25px;
padding-right: 25px;
border-radius: 50px;
@@ -35,12 +35,13 @@
}
.mat-form-field-flex {
- background-color: $white;
+ background-color: white;
padding: 0!important;
}
mat-select {
- color: $dark-grey!important;
+ color: var(--vitamui-grey-900);
+ font-size: 16px;
}
.mat-form-field-infix {
@@ -54,4 +55,4 @@
span.mat-select-placeholder {
margin-top: 0.4rem;
}
-}
\ No newline at end of file
+}
diff --git a/ui/ui-frontend-common/src/app/modules/components/vitamui-body/vitamui-body.component.scss b/ui/ui-frontend-common/src/app/modules/components/vitamui-body/vitamui-body.component.scss
index 0a4f299e3f30246b84167881f8f5e8953de72cc7..7caa94425ae17864f37e159a022d72bbe8c3286d 100644
--- a/ui/ui-frontend-common/src/app/modules/components/vitamui-body/vitamui-body.component.scss
+++ b/ui/ui-frontend-common/src/app/modules/components/vitamui-body/vitamui-body.component.scss
@@ -2,32 +2,4 @@ div {
padding-top: 72px;
min-height: calc(100vh - 100px);
background-color: var(--vitamui-background);
- /* position: relative; */
- // width: 70%;
- // margin: 6rem auto;
-}
-/*
-@media screen and (min-width: 1501px) and (max-width: 1750px) {
- div {
- width: 75%;
- }
-}
-
-@media screen and (min-width: 1301px) and (max-width: 1500px) {
- div {
- width: 83%;
- }
-}
-
-@media screen and (max-width: 1300px) {
- div {
- width: 94%;
- }
-}
-
-@media screen and (max-width: 500px) {
- div {
- width: 98%;
- }
-}
-*/
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-textarea.component.scss b/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-textarea.component.scss
index 37de10434991ac7afb749397daacc7b6a0c6e65c..0468ed56578356b314a1f5398962957a5d183c83 100644
--- a/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-textarea.component.scss
+++ b/ui/ui-frontend-common/src/app/modules/components/vitamui-input/vitamui-textarea.component.scss
@@ -54,7 +54,8 @@ $anim-timing: 150ms ease-out;
}
.vitamui-textarea.disabled {
- opacity: 0.4;
+ border: none;
+ background-color: var(--vitamui-grey-300);
}
:host.ng-pending {
@@ -81,7 +82,7 @@ textarea {
}
label {
- color: $greyish-two;
+ color: var(--vitamui-grey-600);
font-size: 15px;
position: absolute;
line-height: 48px;
diff --git a/ui/ui-frontend-common/src/sass/_editable-field.scss b/ui/ui-frontend-common/src/sass/_editable-field.scss
index c9b939d6f8cdb354d16bd5eb73602625cefa9b1b..20eb9e2d5c1354e34fb7e75c0b8c21cf06353542 100644
--- a/ui/ui-frontend-common/src/sass/_editable-field.scss
+++ b/ui/ui-frontend-common/src/sass/_editable-field.scss
@@ -68,7 +68,7 @@ $anim-timing: 150ms ease-out;
}
.editable-field-text-content {
- margin-top: 17px;
+ margin-top: 16px;
width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
diff --git a/ui/ui-frontend-common/src/sass/_sidepanel.scss b/ui/ui-frontend-common/src/sass/_sidepanel.scss
index 00c3e5d89c33d8b31681eb230a16c2b248f2afc5..aae517f03347a11c29da79d7701ebad81a137301 100644
--- a/ui/ui-frontend-common/src/sass/_sidepanel.scss
+++ b/ui/ui-frontend-common/src/sass/_sidepanel.scss
@@ -1,5 +1,5 @@
.vitamui-sidepanel {
- min-width: 584px;
+ width: 584px;
height: 100vh;
background: white;
}
@@ -37,7 +37,6 @@
display: flex;
align-items: center;
margin-top: 30px;
- margin-bottom: 20px;
padding: 0 30px;
i {
@@ -64,9 +63,11 @@
font-size: 24px;
line-height: 24px;
font-weight: 700;
- margin-top: 32px;
margin: 0;
- text-transform: uppercase;
+ display: -webkit-box;
+ overflow: hidden;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
small {
display: block;
diff --git a/ui/ui-frontend/projects/identity/src/app/customer/customer.component.html b/ui/ui-frontend/projects/identity/src/app/customer/customer.component.html
index 34c4344a9934b6a62585df01e822c60ae4a701d7..8873558a199bb54cecc242b2fc733a768581fc9f 100644
--- a/ui/ui-frontend/projects/identity/src/app/customer/customer.component.html
+++ b/ui/ui-frontend/projects/identity/src/app/customer/customer.component.html
@@ -12,7 +12,7 @@
<vitamui-common-banner [searchbarPlaceholder]="'Nom, raison sociale, code client, adresse...'" [disableSearchBar]="true">
<button class="btn primary ml-5" (click)="openCreateCustomerDialog()">
- <span>Créer un client</span>
+ <span>Créer un Client</span>
</button>
</vitamui-common-banner>
diff --git a/ui/ui-frontend/projects/identity/src/app/customer/owner-preview/owner-preview.component.html b/ui/ui-frontend/projects/identity/src/app/customer/owner-preview/owner-preview.component.html
index 33bcf86c30777aa952e667c809f4cde4cfa36138..c823efe16a0d67daa0fc1b1f06a25a35ca1ddf6e 100644
--- a/ui/ui-frontend/projects/identity/src/app/customer/owner-preview/owner-preview.component.html
+++ b/ui/ui-frontend/projects/identity/src/app/customer/owner-preview/owner-preview.component.html
@@ -1,8 +1,8 @@
<div class="vitamui-sidepanel">
<div class="vitamui-sidepanel-header">
<div class="d-flex justify-content-between">
- <button *ngIf="!isPopup" class="btn btn-circle secondary large" role="button" (click)="openPopup()"><i class="vitamui-icon vitamui-icon-pin"></i></button>
- <button class="btn btn-circle secondary large" role="button" (click)="emitClose()"><i class="material-icons">close</i></button>
+ <button *ngIf="!isPopup" class="btn btn-circle primary large" role="button" (click)="openPopup()"><i class="vitamui-icon vitamui-icon-pin"></i></button>
+ <button class="btn btn-circle primary large" role="button" (click)="emitClose()"><i class="material-icons">close</i></button>
</div>
<div class="title">
diff --git a/ui/ui-frontend/projects/identity/src/app/shared/domains-input/domains-input.component.html b/ui/ui-frontend/projects/identity/src/app/shared/domains-input/domains-input.component.html
index e8c5c3dc2a551acb89fdacbc8c02c86aacacab5d..9552034d32e2e03aeb6c392b89a19cf7fcdb6356 100644
--- a/ui/ui-frontend/projects/identity/src/app/shared/domains-input/domains-input.component.html
+++ b/ui/ui-frontend/projects/identity/src/app/shared/domains-input/domains-input.component.html
@@ -1,4 +1,4 @@
-<div class="domain-input-control d-flex justify-content-between align-items-center">
+<div class="domain-input-control d-flex align-items-center">
<div class="domain-input-wrapper d-flex align-items-center">
<span class="mr-2">@</span>
<input class="vitamui-input" [style.width.px]="300" type="text" size="10" [formControl]="control" [attr.placeholder]="placeholder" (blur)="onTouched()" (keydown.enter)="add()">
@@ -6,9 +6,8 @@
</div>
<div class="actions">
- <button class="btn btn-circle secondary" (click)="add()" [disabled]="buttonAddDisabled()">
- <i class="vitamui-icon vitamui-icon-add"></i>
- </button>
+ <button type="button" class="btn primary ml-2" i18n="@@domainInputCreateNextButton" (click)="add()" [disabled]="buttonAddDisabled()">Ajouter</button>
+
</div>
</div>