Liness/framadate-responsive
5
0
Fork 0
forked from tykayn/funky-framadate-front
Code Pull Requests Activity

striked background on calendar disabled dates

Browse Source
This commit is contained in:
Tykayn 2021-12-21 14:58:31 +01:00 committed by tykayn
parent ee4f91c9ac
commit c799bea900
4 changed files with 25 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/features/administration/form/date/list/day/day-list.component.html
View File

@ -37,7 +37,7 @@
/> />
<hr /> <hr />
<div class="button delete-date is-block" (click)="dateChoices.splice(id, 1)"> <div class="button delete-date is-block" (click)="dateChoices.splice(id, 1)">
<img class="icon" aria-hidden="true" src="assets/icons/trash.cvg" /> <img class="icon" aria-hidden="true" src="assets/icons/trash.csv" />
Supprimer la date Supprimer la date
</div> </div>
<div *ngIf="hasSeveralHours" class="several-times"> <div *ngIf="hasSeveralHours" class="several-times">

7
src/app/features/administration/form/steps/step-one/step-one.component.html
View File

@ -44,11 +44,10 @@
class="text-info" class="text-info"
[ngClass]="{ 'has-background-warning': pollService.form.value.description.length === 300 }" [ngClass]="{ 'has-background-warning': pollService.form.value.description.length === 300 }"
> >
<span class="counter-current" *ngIf="pollService.form.value.description.length">
{{ pollService.form.value.description.length }} /
</span>
<p> <p>
300 caractères maximum <span class="counter-current" *ngIf="pollService.form.value.description.length">
{{ pollService.form.value.description.length }} / </span
>300 caractères maximum
</p> </p>
</div> </div>
</div> </div>

3
src/styles/partials/_datepicker.scss
View File

@ -91,6 +91,9 @@ p-calendar,
color: $white; color: $white;
transition: all ease 0.2s; transition: all ease 0.2s;
} }
&.p-disabled {
@extend .striked-background;
}
} }
} }

20
src/styles/partials/_forms.scss
View File

@ -51,9 +51,11 @@ input,
.textarea, .textarea,
select, select,
.select { .select {
@extend .clickable; font-size: 1rem !important;
line-height: 1.25rem;
border: solid 1px $font_color; border: solid 1px $font_color;
max-width: 90vw !important; max-width: 90vw !important;
@extend .clickable;
&:focus { &:focus {
@extend .outlined; @extend .outlined;
} }
@ -84,8 +86,8 @@ textarea {
.mat-checkbox-label, .mat-checkbox-label,
.mat-checkbox-layout .mat-checkbox-label { .mat-checkbox-layout .mat-checkbox-label {
max-width: 90vw; max-width: 90vw;
overflow-x: auto; overflow-x: auto;
@extend .clickable;
} }
.button { .button {
label { label {
@ -329,4 +331,18 @@ label {
line-height: 1rem; line-height: 1rem;
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
display: block; 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;
}
} }