tykayn/funky-framadate-front
1
1
Fork 1
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git synced 2023-08-25 13:53:14 +02:00
Code Issues Projects Releases Wiki 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 />
<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
</div>
<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"
[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>
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>
</div>
</div>

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

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

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

@ -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;
}
}