tykayn/funky-framadate-front
1
1
Fork 1
mirror of https://framagit.org/framasoft/framadate/funky-framadate-front.git synced 2023-08-25 13:53:14 +02:00
Code Issues Projects Releases Wiki Activity

added wrap to flex-line

Browse Source
This commit is contained in:
newick 2019-09-06 11:47:54 +02:00
parent cb6979926d
commit ef9a0fe770
2 changed files with 40 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
src/app/form-container/form-container.component.html
View File

@ -1,47 +1,44 @@
<div class="description"> <router-outlet></router-outlet>
<h1 i18n>
Pour commencer
</h1>
<router-outlet></router-outlet> <div class="flex-line">
<h1 i18n> <span class="pre-selector" i18n>
Pour commencer Je veux créer un sondage
</h1> </span>
<select id="selector" name="selector" autofocus="autofocus" [(ngModel)]="config.pollType">
<div class="flex-line"> <option value="dates">
<span class="pre-selector" i18n> spécial dates
Je veux créer un sondage </option>
</span> <option value="classic">
<select id="selector" name="selector" autofocus="autofocus" [(ngModel)]="config.pollType"> classique
<option value="dates"> </option>
spécial dates </select>
</option>
<option value="classic">
classique
</option>
</select>
</div>
<div class="flex-line">
<label for="poll_title" class="title-label" i18n>
Dont le titre sera
</label>
<input type="text" id="poll_title" name="poll_title" [(ngModel)]="config.title">
</div>
<div>
<label for="poll_description" class="title-label" i18n>
et la description serait
</label>
<textarea id="poll_description" name="poll_description" [(ngModel)]="config.description" cols="50"
lines="5"></textarea>
</div>
<div class="flex-line">
<label for="my_name">
Je peux aussi préciser mon nom si je le souhaite :
</label>
<input type="text" name="my_name" id="my_name" [(ngModel)]="config.myName">
</div>
<a [routerLink]="'/step/answers'" class="btn btn-block" i18n>
Continuer
</a>
</div> </div>
<div class="flex-line">
<label for="poll_title" class="title-label" i18n>
Dont le titre sera
</label>
<input type="text" id="poll_title" name="poll_title" [(ngModel)]="config.title">
</div>
<div>
<label for="poll_description" class="title-label" i18n>
et la description serait
</label>
<textarea id="poll_description" name="poll_description" [(ngModel)]="config.description" cols="50"
lines="5"></textarea>
</div>
<div class="flex-line">
<label for="my_name">
Je peux aussi préciser mon nom si je le souhaite :
</label>
<input type="text" name="my_name" id="my_name" [(ngModel)]="config.myName">
</div>
<a [routerLink]="'/step/answers'" class="btn btn-block" i18n>
Continuer
</a>

1
src/assets/scss/molecules/_flex-line.scss
View File

@ -3,6 +3,7 @@
.flex-line { .flex-line {
display: flex; display: flex;
align-items: center; align-items: center;
flex-wrap: wrap;
& > input, & > input,
& > select { & > select {