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

default to calendar input

Browse Source
This commit is contained in:
tykayn 2021-12-21 16:36:43 +01:00 committed by Baptiste Lemoine
parent f8e8958b68
commit cd2e27c399
5 changed files with 14 additions and 6 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

@ -47,7 +47,7 @@ export class PollService implements Resolve<Poll> {
public showDateInterval = false; public showDateInterval = false;
public allowSeveralHours = false; public allowSeveralHours = false;
public richTextMode = false; public richTextMode = false;
public mode_calendar = false; public mode_calendar = true;
public calendar: Date[] = [new Date()]; public calendar: Date[] = [new Date()];
public disabled_dates: Date[] = []; public disabled_dates: Date[] = [];

4
src/app/features/administration/form/steps/step-four/step-four.component.html
View File

@ -39,9 +39,9 @@
</div> </div>
<section class="same-time-slices"> <section class="same-time-slices">
<section class="same-time-slices" *ngIf="pollService.form.value.hasSeveralHours"> <section class="same-time-slices" *ngIf="pollService.form.value.hasSeveralHours">
<h3 class="title is-3"> <h2 class="title is-2">
Choisissez les horaires ou options à appliquer à toutes les dates Choisissez les horaires ou options à appliquer à toutes les dates
</h3> </h2>
<section class="proposals" *ngIf="environment.creation_display_proposals_time_slices"> <section class="proposals" *ngIf="environment.creation_display_proposals_time_slices">
<h3 class="title is-3"> <h3 class="title is-3">

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

@ -1,5 +1,8 @@
<app-stepper [step_current]="3" [step_max]="pollService.step_max"></app-stepper> <app-stepper [step_current]="3" [step_max]="pollService.step_max"></app-stepper>
<div class="step min-height"> <div class="step min-height">
<h2 class="title is-2">Choisissez les dates</h2>
<!-- <h2 class="title is-2">choisissez les propositions</h2>-->
<app-errors-list [form]="pollService.form"></app-errors-list> <app-errors-list [form]="pollService.form"></app-errors-list>
<!-- sélecteur d'interface--> <!-- sélecteur d'interface-->
<button class="button is-fullwidth date-input-selector is-secondary" (click)="changeDateInputMode()"> <button class="button is-fullwidth date-input-selector is-secondary" (click)="changeDateInputMode()">

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

@ -12,7 +12,7 @@ input.is-hovered,
select.is-hovered, select.is-hovered,
.is-hovered.textarea, .is-hovered.textarea,
.select select.is-hovered { .select select.is-hovered {
border-color: $input-border-color !important; border-color: $font-color !important ;
} }
app-step-one, app-step-one,
@ -53,7 +53,7 @@ select,
.select { .select {
font-size: 1rem !important; font-size: 1rem !important;
line-height: 1.25rem; line-height: 1.25rem;
border: solid 1px $input-border-color !important; border: solid 1px $font-color !important;
border-radius: 4px; border-radius: 4px;
max-width: 90vw !important; max-width: 90vw !important;
@extend .clickable; @extend .clickable;
@ -290,7 +290,7 @@ mat-checkbox {
.step { .step {
max-width: $main-column-width; max-width: $main-column-width;
margin: 0 auto; margin: 0 auto;
padding: 9rem 1rem; padding: 9rem 0;
box-sizing: border-box; box-sizing: border-box;
overflow: auto; overflow: auto;
@extend .top-padding-nav; @extend .top-padding-nav;
@ -341,6 +341,7 @@ label {
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
display: block; display: block;
@extend .clickable; @extend .clickable;
max-width: 100%;
} }
.striked-background { .striked-background {

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

@ -100,6 +100,10 @@ main {
margin: 0 auto; margin: 0 auto;
width: 100%; width: 100%;
display: block; display: block;
.bottom-step-buttons & {
max-width: $main-column-width-inner;
height: 1rem;
}
} }
.contained-desktop, .contained-desktop,
.stuff { .stuff {