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 flex-line

Browse Source
This commit is contained in:
newick 2019-09-06 11:44:52 +02:00
parent 48e77024d5
commit cb6979926d
3 changed files with 35 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

11
src/assets/scss/molecules/_flex-line.scss Normal file
View File

@ -0,0 +1,11 @@
@charset "UTF-8";
.flex-line {
display: flex;
align-items: center;
& > input,
& > select {
flex-grow: 1;
}
}

1
src/styles.scss
View File

@ -15,3 +15,4 @@
@import "assets/scss/molecules/logo"; @import "assets/scss/molecules/logo";
@import "assets/scss/molecules/debug"; @import "assets/scss/molecules/debug";
@import "assets/scss/molecules/flex-line";