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

style on calendar

Browse Source
This commit is contained in:
Tykayn 2022-02-09 15:56:34 +01:00 committed by tykayn
parent 8f850d1c3e
commit 55753c836e
7 changed files with 30 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/core/services/poll.service.ts
View File

@ -126,7 +126,7 @@ export class PollService implements Resolve<Poll> {
choices: new FormArray([]), choices: new FormArray([]),
whoModifiesAnswers: ['self', [Validators.required]], whoModifiesAnswers: ['self', [Validators.required]],
whoCanChangeAnswers: ['self', [Validators.required]], whoCanChangeAnswers: ['self', [Validators.required]],
isAboutDate: [false, [Validators.required]], isAboutDate: [true, [Validators.required]],
expiresDaysDelay: [environment.expiresDaysDelay, []], expiresDaysDelay: [environment.expiresDaysDelay, []],
expiracy_date: [this.DateUtilitiesService.addDaysToDate(environment.expiresDaysDelay, new Date()), []], expiracy_date: [this.DateUtilitiesService.addDaysToDate(environment.expiresDaysDelay, new Date()), []],
isZeroKnoledge: [false, [Validators.required]], isZeroKnoledge: [false, [Validators.required]],

2
src/app/features/administration/form/steps/step-three/step-three.component.html
View File

@ -5,7 +5,7 @@
<app-option-link></app-option-link> <app-option-link></app-option-link>
</div> </div>
<div class="date-options" *ngIf="pollService.form.value.isAboutDate"> <div class="date-options" *ngIf="pollService.form.value.isAboutDate">
<h2 class="title is-2"> <h2 class="title is-1">
{{ 'dates.title' | translate }} {{ 'dates.title' | translate }}
</h2> </h2>
<!-- sélecteur d'interface--> <!-- sélecteur d'interface-->

3
src/app/features/administration/form/steps/step-three/step-three.component.scss
View File

@ -19,3 +19,6 @@
color: $white; color: $white;
} }
} }
.date-input-selector {
padding: 0.5rem 1rem;
}

2
src/assets/i18n/en.json
View File

@ -154,7 +154,7 @@
"owner": { "owner": {
"title": "Say to your guests who you are !", "title": "Say to your guests who you are !",
"name_label": "Your name (required)", "name_label": "Your name (required)",
"email_label": "Your e-mail (required)", "email_label": "Your e-mail",
"email_description": "Your email will not be used for anything else than sending you notifications." "email_description": "Your email will not be used for anything else than sending you notifications."
}, },
"resume": { "resume": {

2
src/assets/i18n/fr.json
View File

@ -159,7 +159,7 @@
"owner": { "owner": {
"title": "Dites à vos participants qui vous êtes !", "title": "Dites à vos participants qui vous êtes !",
"name_label": "Votre nom (obligatoire)", "name_label": "Votre nom (obligatoire)",
"email_label": "Votre adresse e-mail (obligatoire)", "email_label": "Votre adresse e-mail",
"email_description": "Votre adresse ne sera pas partagée avec les participants du sondage. Elle nous sert uniquement à vous informer des mises à jours et vous prévenir dès qu’un nouveau vote à eu lieu." "email_description": "Votre adresse ne sera pas partagée avec les participants du sondage. Elle nous sert uniquement à vous informer des mises à jours et vous prévenir dès qu’un nouveau vote à eu lieu."
}, },
"resume": { "resume": {

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

@ -9,13 +9,15 @@ p-calendar,
width: 100%; width: 100%;
max-width: 90vw; max-width: 90vw;
} }
.p-dialog { .p-dialog {
.title { .title {
color: $primary_color; color: $primary_color;
} }
} }
.p-datepicker { .p-datepicker {
padding: 0.5em; padding: 0 !important;
margin: 1em auto; margin: 1em auto;
border: 0; border: 0;
@ -28,13 +30,28 @@ p-calendar,
text-align: center; text-align: center;
} }
.p-datepicker-header {
padding: 0 !important;
button.p-datepicker-prev,
button.p-datepicker-next {
border: solid 1px $d-primary !important;
border-radius: 0.25rem !important;
width: 54px !important;
height: 54px !important;
}
}
.p-datepicker-title, .p-datepicker-title,
.p-datepicker-calendar thead tr th span { .p-datepicker-calendar thead tr th span {
color: $primary_color !important; color: $d-primary-intense;
text-align: center; text-align: center;
width: 100%; width: 100%;
display: block; display: block;
} }
.p-datepicker-calendar thead tr th span {
color: $d-primary;
font-weight: normal;
}
p-button, p-button,
button { button {
@ -57,6 +74,7 @@ p-calendar,
.p-datepicker-month { .p-datepicker-month {
margin-right: 1em; margin-right: 1em;
color: $d-primary-intense;
} }
.p-datepicker-weeknumber span { .p-datepicker-weeknumber span {
@ -91,6 +109,7 @@ p-calendar,
color: $white; color: $white;
transition: all ease 0.2s; transition: all ease 0.2s;
} }
&.p-disabled { &.p-disabled {
@extend .striked-background; @extend .striked-background;
} }
@ -130,6 +149,7 @@ p-calendar,
width: 50%; width: 50%;
} }
} }
.p-datepicker-header, .p-datepicker-header,
.p-datepicker .p-datepicker-buttonbar { .p-datepicker .p-datepicker-buttonbar {
border: 0 !important; border: 0 !important;

31
src/styles/partials/global.scss
View File

@ -27,6 +27,7 @@ main {
.min-height { .min-height {
margin-bottom: 1em; margin-bottom: 1em;
min-height: 50vh; min-height: 50vh;
overflow-x: hidden;
} }
.content { .content {
@ -57,37 +58,7 @@ main {
padding: 0; padding: 0;
.column { .column {
// padding: 0;
width: 50% !important; width: 50% !important;
// float: left;
//
// &:nth-of-type(1) {
// padding-right: 1.5rem;
//
// .step-info & {
// padding: 0;
// }
// }
//
// &:nth-of-type(2) {
// padding-left: 1.5rem;
// }
//
// &.is-fullwidth {
// width: 100% !important;
// padding-right: 0 !important;
//
// .button:nth-of-type(1) {
// width: 50%;
// float: right;
// }
// }
//}
//
//.button {
// .is-half-offseted {
// float: right;
// }
} }
} }
} }