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

Add round to buttons on vote-choice

Browse Source
This commit is contained in:
Le Libre Au Quotidien 2019-10-03 11:52:26 +02:00
parent 1074d219dd
commit 1b9c669ae3
2 changed files with 20 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/app/vote-choice/vote-choice.component.html
View File

@ -21,26 +21,31 @@
<span class="count-maybe"> <span class="count-maybe">
<p>{{choice.votesCount.maybe}}</p><img width="22px" height="24px" src="../../assets/img/votant-pas-sur.svg"> <p>{{choice.votesCount.maybe}}</p><img width="22px" height="24px" src="../../assets/img/votant-pas-sur.svg">
</span> </span>
<span class="count-no">
<p>{{choice.votesCount.no}}</p>
</span>
<span class="count-didnt-answer"> <span class="count-didnt-answer">
<p>{{choice.votesCount.notAnswered}}</p> <p>{{choice.votesCount.notAnswered}}</p>
</span> </span>
</div> </div>
<div class="vote"> <div class="vote">
<!-- show only the yes check if the config is set to simpleAnswer --> <!-- show only the yes check if the config is set to simpleAnswer -->
<button>
<img width="16px" height="12px" <img width="16px" height="12px"
src="../../assets/img/check.svg" src="../../assets/img/check.svg"
(click)="setAnswserTo('yes')"> (click)="setAnswserTo('yes')">
</button>
<button>
<img width="19px" height="15px" <img width="19px" height="15px"
src="../../assets/img/check-2.svg" src="../../assets/img/check-2.svg"
(click)="setAnswserTo('maybe')" (click)="setAnswserTo('maybe')"
*ngIf="!choice.simpleAnswer"> *ngIf="!choice.simpleAnswer">
</button>
<button>
<img width="12px" height="12px" <img width="12px" height="12px"
src="../../assets/img/croix.svg" src="../../assets/img/croix.svg"
(click)="setAnswserTo('no')" (click)="setAnswserTo('no')"
*ngIf="!choice.simpleAnswer"> *ngIf="!choice.simpleAnswer">
</button>
</div> </div>
</div> </div>
</div> </div>

19
src/app/vote-choice/vote-choice.component.scss
View File

@ -5,11 +5,10 @@
overflow: auto; overflow: auto;
display: flex; display: flex;
} }
#vote img{ .vote img{
/* vertical-align: middle;
border: 1px solid #aeafb1; text-align: center;
border-radius: 48px;
*/
} }
h2, h3 { h2, h3 {
@ -21,13 +20,19 @@ span {
font-size: 24px; font-size: 24px;
} }
#nombre_vote { .nombre_vote {
vertical-align: middle; vertical-align: middle;
float: left; float: left;
} }
// TODO intricate selectors // TODO intricate selectors
#nombre_vote p { .nombre_vote p {
line-height: 20px; line-height: 20px;
} }
.vote button{
border: 1px solid #aeafb1;;
border-radius: 50%;
width:48px;
height: 48px;
}