Interface de base + prototype d'ajout dynamique + structure de la page

This commit is contained in:
xdrm-brackets 2016-05-20 12:35:45 +02:00
parent 2cb352b4bb
commit 3f5137ebd7
6 changed files with 61 additions and 19 deletions

View File

@ -107,7 +107,8 @@
}
// Animation de hover pour le texte
&:hover{
&:hover,
.hover{
text-decoration: underline;
}
}
@ -150,7 +151,8 @@
@include transition( background .1s ease-in-out, color .1s ease-in-out );
/* (1) Animation de @hover */
&:hover{
&:hover,
&.hover{
background-color: $theme-fg;
color: #fff;
}
@ -164,7 +166,8 @@
/* (3) Animation de @hover pour bouton primaire */
&:hover{
&:hover,
&.hover{
background-color: $theme-fg-primary;
color: #fff;
}
@ -173,6 +176,20 @@
}
& input[type='text'],
& input[type='number'],
& input[type='date'],
& input[type='time']{
display: inline-block;
padding: .2em .5em;
margin: .5em;
border-radius: 3px;
border: 1px solid #777;
}
/* [6] Images inline
=========================================================*/
& img{

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -24,11 +24,21 @@ $pers = $request->answer();
<section id='export-form'>
<h4>Exporter les données au format .csv</h4>
<input type='checkbox' data-name='phone' value='1' id='phone_0'><label for='phone_0'>Données cellulaires</label><br><br>
<input type='checkbox' data-name='facebook' value='1' id='facebook_0'><label for='facebook_0'>Données facebook</label><br><br>
<input type='checkbox' data-name='restic' value='1' id='restic_0'><label for='restic_0'>Données ResTIC</label><br><br>
<strong>Choix des sujets</strong><br>
<article style='display: inline;'>
<input type='number' data-name='subjects' placeholder='Sujet' style='width: 5em;'>
<input type='number' data-name='subjects' placeholder='Sujet' style='width: 5em;'>
<input type='number' data-name='subjects' placeholder='Sujet' style='width: 5em;'>
<input type='number' data-name='subjects' placeholder='Sujet' style='width: 5em;'>
</article>
<input type='button' id='add-subject' class='primary hover' value='+' style='padding:.2em .6em;'>
<input type='submit' class='primary' value='Télécharger' id='export-all'>
<br><br><br><strong>Types de données</strong><br><br>
<input type='checkbox' data-name='phone' value='1' id='phone_0'><label for='phone_0'>Données cellulaires</label>
<br><br><input type='checkbox' data-name='facebook' value='1' id='facebook_0'><label for='facebook_0'>Données facebook</label>
<br><br><input type='checkbox' data-name='restic' value='1' id='restic_0'><label for='restic_0'>Données ResTIC</label>
<br><br><input type='submit' class='primary hover' style='padding:.5em 2em;' value='Télécharger' id='export-all'>
</section>
</section>