Interface de base + prototype d'ajout dynamique + structure de la page
This commit is contained in:
parent
2cb352b4bb
commit
3f5137ebd7
|
@ -107,7 +107,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// Animation de hover pour le texte
|
// Animation de hover pour le texte
|
||||||
&:hover{
|
&:hover,
|
||||||
|
.hover{
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -150,7 +151,8 @@
|
||||||
@include transition( background .1s ease-in-out, color .1s ease-in-out );
|
@include transition( background .1s ease-in-out, color .1s ease-in-out );
|
||||||
|
|
||||||
/* (1) Animation de @hover */
|
/* (1) Animation de @hover */
|
||||||
&:hover{
|
&:hover,
|
||||||
|
&.hover{
|
||||||
background-color: $theme-fg;
|
background-color: $theme-fg;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
@ -164,7 +166,8 @@
|
||||||
|
|
||||||
|
|
||||||
/* (3) Animation de @hover pour bouton primaire */
|
/* (3) Animation de @hover pour bouton primaire */
|
||||||
&:hover{
|
&:hover,
|
||||||
|
&.hover{
|
||||||
background-color: $theme-fg-primary;
|
background-color: $theme-fg-primary;
|
||||||
color: #fff;
|
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
|
/* [6] Images inline
|
||||||
=========================================================*/
|
=========================================================*/
|
||||||
& img{
|
& 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
|
@ -24,11 +24,21 @@ $pers = $request->answer();
|
||||||
<section id='export-form'>
|
<section id='export-form'>
|
||||||
<h4>Exporter les données au format .csv</h4>
|
<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>
|
<strong>Choix des sujets</strong><br>
|
||||||
<input type='checkbox' data-name='facebook' value='1' id='facebook_0'><label for='facebook_0'>Données facebook</label><br><br>
|
<article style='display: inline;'>
|
||||||
<input type='checkbox' data-name='restic' value='1' id='restic_0'><label for='restic_0'>Données ResTIC</label><br><br>
|
<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>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
|
Loading…
Reference in New Issue