diff --git a/src/app/features/administration/form/date/list/day/day-list.component.html b/src/app/features/administration/form/date/list/day/day-list.component.html index 1d65de3d..46fee8b6 100644 --- a/src/app/features/administration/form/date/list/day/day-list.component.html +++ b/src/app/features/administration/form/date/list/day/day-list.component.html @@ -37,7 +37,7 @@ />
- + Supprimer la date
diff --git a/src/app/features/administration/form/steps/step-one/step-one.component.html b/src/app/features/administration/form/steps/step-one/step-one.component.html index 07bf5c54..f7108d25 100644 --- a/src/app/features/administration/form/steps/step-one/step-one.component.html +++ b/src/app/features/administration/form/steps/step-one/step-one.component.html @@ -44,11 +44,10 @@ class="text-info" [ngClass]="{ 'has-background-warning': pollService.form.value.description.length === 300 }" > - - {{ pollService.form.value.description.length }} / -

- 300 caractères maximum + + {{ pollService.form.value.description.length }} / 300 caractères maximum

diff --git a/src/styles/partials/_datepicker.scss b/src/styles/partials/_datepicker.scss index 56ccb509..9c7e2750 100644 --- a/src/styles/partials/_datepicker.scss +++ b/src/styles/partials/_datepicker.scss @@ -91,6 +91,9 @@ p-calendar, color: $white; transition: all ease 0.2s; } + &.p-disabled { + @extend .striked-background; + } } } diff --git a/src/styles/partials/_forms.scss b/src/styles/partials/_forms.scss index c705d45a..3c04c5ff 100644 --- a/src/styles/partials/_forms.scss +++ b/src/styles/partials/_forms.scss @@ -51,9 +51,11 @@ input, .textarea, select, .select { - @extend .clickable; + font-size: 1rem !important; + line-height: 1.25rem; border: solid 1px $font_color; max-width: 90vw !important; + @extend .clickable; &:focus { @extend .outlined; } @@ -84,8 +86,8 @@ textarea { .mat-checkbox-label, .mat-checkbox-layout .mat-checkbox-label { max-width: 90vw; - overflow-x: auto; + @extend .clickable; } .button { label { @@ -329,4 +331,18 @@ label { line-height: 1rem; margin-bottom: 0.5rem; display: block; + @extend .clickable; +} + +.striked-background { + &:after { + content: ''; + position: absolute; + border-top: 1px solid $border-color; + width: 4rem; + transform: rotate(45deg); + transform-origin: 0% 0%; + left: 0; + top: 0; + } }