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

View File

@ -9,13 +9,13 @@
<div class=" "> <div class=" ">
<div class="kind-of-poll"> <div class="kind-of-poll">
<div <div
class="button input-radio is-fullwidth" class="button input-radio is-fullwidth has-background-kind-date"
[ngClass]="{ [ngClass]="{
'is-selected': pollService.form.value.isAboutDate != false 'is-selected': pollService.form.value.isAboutDate != false
}" }"
(click)="pollService.form.controls.isAboutDate.setValue(true)" (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"> <label for="isAboutDate_true">
{{ 'creation.kind.date' | translate }} {{ 'creation.kind.date' | translate }}
</label> </label>
@ -23,13 +23,13 @@
</div> </div>
<div <div
class="button input-radio is-fullwidth" class="button input-radio is-fullwidth has-background-kind-classic"
[ngClass]="{ [ngClass]="{
'is-selected': !pollService.form.controls.isAboutDate.value != false 'is-selected': !pollService.form.controls.isAboutDate.value != false
}" }"
(click)="pollService.form.controls.isAboutDate.setValue(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"> <label for="isAboutDate_false">
{{ 'creation.kind.classic' | translate }} {{ 'creation.kind.classic' | translate }}

View File

@ -20,7 +20,7 @@
transition: background-color ease 1.5s; transition: background-color ease 1.5s;
color: $font-color; color: $font-color;
margin-bottom: 0.85rem; margin-bottom: 0.85rem;
padding: 1rem; padding: 1rem 1rem 1rem 48px;
label { label {
font-weight: 700; font-weight: 700;
@ -50,5 +50,11 @@
border: solid $primary-color 1px; border: solid $primary-color 1px;
transition: background-color ease 0.25s; 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;
}
} }
} }