Liness/framadate-responsive
5
0
Fork 0
forked from tykayn/funky-framadate-front
Code Pull Requests Activity

push

Browse Source
This commit is contained in:
Le Libre Au Quotidien 2019-12-10 11:23:01 +01:00
parent 07f5d60b95
commit d3a7a37d4d
3 changed files with 31 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/pages/voting/voting.component.html
View File

@ -4,7 +4,7 @@
<p>crée par piou</p> <p>crée par piou</p>
<p>Pokem ipsum dolor sit amet Electric Cottonee Scratch Leech Life Ice Berry Ducklett. Leaf Green Durant Zoroark Skitty Rock Luxio Surskit. Glacier Badge Fuchsia City Team Rocket Ferroseed Cranidos Exeggcute Entei. Dig Thunder Badge Exeggcute Mightyena Milotic Mantyke Drapion. Hydro Pump Silver Treecko Missingno Growlithe Wingull Registeel. </p> <p>Pokem ipsum dolor sit amet Electric Cottonee Scratch Leech Life Ice Berry Ducklett. Leaf Green Durant Zoroark Skitty Rock Luxio Surskit. Glacier Badge Fuchsia City Team Rocket Ferroseed Cranidos Exeggcute Entei. Dig Thunder Badge Exeggcute Mightyena Milotic Mantyke Drapion. Hydro Pump Silver Treecko Missingno Growlithe Wingull Registeel. </p>
<section class="row"> <section class="row name">
<label for="name">Votre nom :</label> <label for="name">Votre nom :</label>
<input type="text" name="name"> <input type="text" name="name">
</section> </section>
@ -24,16 +24,15 @@
<h2>Les commentaires</h2> <h2>Les commentaires</h2>
<p class="comment"> <p class="comment">
<span class="cname">Pikachu </span> <span class="cname">Pikachu </span>
<span class="date">le 26 novembre 2019</span> <span class="date"> le 26 novembre 2019</span>
Rock Luxio Surskit. Glacier Badge Rock Luxio Surskit. Glacier Badge
</p> </p>
<section class="comment"> <p class="comment">
<p>
<span class="cname">Bulbizarre </span> <span class="cname">Bulbizarre </span>
<span class="date">le 23 décembre 2019</span> <span class="date">le 23 décembre 2019</span>
Pokem ipsum dolor sit amet Electric Cottonee Scratch Leech Life Ice Berry Ducklett. Leaf Green Durant Zoroark Skitty Rock Luxio Surskit. Glacier Badge Pokem ipsum dolor sit amet Electric Cottonee Scratch Leech Life Ice Berry Ducklett. Leaf Green Durant Zoroark Skitty Rock Luxio Surskit. Glacier Badge
</p> </p>
</section>
<h2>Laisser un commentaire</h2> <h2>Laisser un commentaire</h2>
<label for="crname">Votre nom :</label> <label for="crname">Votre nom :</label>
<input type="text" name="crname"> <input type="text" name="crname">
@ -42,7 +41,7 @@
</textarea> </textarea>
<input type="submit" name="add-comment" class="btn btn--primary btn--outline"value="Ajouter mon commentaire"> <input type="submit" name="add-comment" class="btn btn--primary btn--outline"value="Ajouter mon commentaire">
<h3>Partager le sondage</h3> <h3>Partager le sondage</h3>
<label for="copy-link">Pour partager le sondage, vous pouvez diffuser ce lien : https://framadate.org/urladmindusondage</label> <label class="nobold" for="copy-link">Pour partager le sondage, vous pouvez diffuser ce lien : https://framadate.org/urladmindusondage</label>
<input type="submit" name="copy-link" class="btn btn--primary btn--outline"value="Copier le lien"> <input type="submit" name="copy-link" class="btn btn--primary btn--outline"value="Copier le lien">
<h3>Exporter/Imprimer</h3> <h3>Exporter/Imprimer</h3>
<input type="submit" name="export" class="btn btn--primary btn--outline"value="Exporter en .csv"> <input type="submit" name="export" class="btn btn--primary btn--outline"value="Exporter en .csv">

23
src/app/pages/voting/voting.component.scss
View File

@ -3,7 +3,8 @@ form{
display:flex; display:flex;
margin:auto; margin:auto;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: center;
justify-content: flex-start;
} }
.row{ .row{
flex-direction: row; flex-direction: row;
@ -19,6 +20,12 @@ label{
margin-bottom: 25px; margin-bottom: 25px;
flex-wrap: wrap; flex-wrap: wrap;
} }
.comment{
display:flex;
}
.commeny span{
flex-direction: row;
}
.cname{ .cname{
padding-left:17px; padding-left:17px;
font-weight: bold; font-weight: bold;
@ -42,3 +49,17 @@ h2{
align-self: flex-end; align-self: flex-end;
margin-bottom:50px; margin-bottom:50px;
} }
textarea{
height:213px;
margin-bottom:20px;
}
.name{
margin-bottom:50px;
margin-top:50px;
}
label{
align-items: flex-start;
}
.nobold{
font-weight: normal;
}

5
src/assets/scss/atoms/_fonts.scss
View File

@ -60,4 +60,7 @@ h4,
h5, h5,
h6 { h6 {
font-family: $title_font, "Brie Light", "Arial", "DejaVu Sans Mono"; font-family: $title_font, "Brie Light", "Arial", "DejaVu Sans Mono";
} }
.nobold{
font-weight: normal;
}