tykayn
/
funky-framadate-front
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

bg image for kind of poll

This commit is contained in:
Tykayn 2022-03-01 10:56:46 +01:00 committed by tykayn
parent 6ab5c18174
commit 3135f299f4
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/app/features/administration/form/steps/step-two/step-two.component.html
View File

@ -9,13 +9,13 @@
<div class=" ">
<div class="kind-of-poll">
<div
class="button input-radio is-fullwidth"
class="button input-radio is-fullwidth has-background-kind-date"
[ngClass]="{
'is-selected': pollService.form.value.isAboutDate != false
}"
(click)="pollService.form.controls.isAboutDate.setValue(true)"
>
<img class="icon" src="assets/img/kind_date.svg" alt="icone cal" />
<!-- <img class="icon" src="assets/img/kind_date.svg" alt="icone cal" />-->
<label for="isAboutDate_true">
{{ 'creation.kind.date' | translate }}
</label>
@ -23,13 +23,13 @@
</div>
<div
class="button input-radio is-fullwidth"
class="button input-radio is-fullwidth has-background-kind-classic"
[ngClass]="{
'is-selected': !pollService.form.controls.isAboutDate.value != false
}"
(click)="pollService.form.controls.isAboutDate.setValue(false)"
>
<img class="icon" src="assets/img/kind_classic.svg" alt="icone chart" />
<!-- <img class="icon" src="assets/img/kind_classic.svg" alt="icone chart" />-->
<label for="isAboutDate_false">
{{ 'creation.kind.classic' | translate }}

8
src/app/features/administration/form/steps/step-two/step-two.component.scss
View File

@ -20,7 +20,7 @@
transition: background-color ease 1.5s;
color: $font-color;
margin-bottom: 0.85rem;
padding: 1rem;
padding: 1rem 1rem 1rem 48px;
label {
font-weight: 700;
@ -50,5 +50,11 @@
border: solid $primary-color 1px;
transition: background-color ease 0.25s;
}
&.has-background-kind-classic {
background: $d-blue30 url('/assets/img/kind_classic.svg') no-repeat 19px center;
}
&.has-background-kind-date {
background: $d-blue30 url('/assets/img/kind_date.svg') no-repeat 19px center;
}
}
}