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 allowSeveralHours = false;
public richTextMode = false;
public mode_calendar = false;
public mode_calendar = true;
public calendar: Date[] = [new 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>
<section class="same-time-slices">
<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
</h3>
</h2>
<section class="proposals" *ngIf="environment.creation_display_proposals_time_slices">
<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>
<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>
<!-- sélecteur d'interface-->
<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,
.is-hovered.textarea,
.select select.is-hovered {
border-color: $input-border-color !important;
border-color: $font-color !important ;
}
app-step-one,
@ -53,7 +53,7 @@ select,
.select {
font-size: 1rem !important;
line-height: 1.25rem;
border: solid 1px $input-border-color !important;
border: solid 1px $font-color !important;
border-radius: 4px;
max-width: 90vw !important;
@extend .clickable;
@ -290,7 +290,7 @@ mat-checkbox {
.step {
max-width: $main-column-width;
margin: 0 auto;
padding: 9rem 1rem;
padding: 9rem 0;
box-sizing: border-box;
overflow: auto;
@extend .top-padding-nav;
@ -341,6 +341,7 @@ label {
margin-bottom: 0.5rem;
display: block;
@extend .clickable;
max-width: 100%;
}
.striked-background {

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

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