From 0c08e802c9a98d4182853092d615b4fd5f4994b1 Mon Sep 17 00:00:00 2001
From: tykayn <contact@cipherbliss.com>
Date: Sat, 24 Apr 2021 13:04:21 +0200
Subject: [PATCH] style on selected items in consultation page

---
 .../consultation/consultation.component.ts    |  2 +-
 .../poll-results-compact.component.html       |  7 ++++++-
 .../poll-results-compact.component.scss       | 20 +++++++++++++++++++
 3 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/src/app/features/consultation/consultation.component.ts b/src/app/features/consultation/consultation.component.ts
index 5e0e1d19..7f7b2566 100644
--- a/src/app/features/consultation/consultation.component.ts
+++ b/src/app/features/consultation/consultation.component.ts
@@ -11,7 +11,7 @@ import { PollService } from '../../core/services/poll.service';
 	styleUrls: ['./consultation.component.scss'],
 })
 export class ConsultationComponent implements OnInit, OnDestroy {
-	public isCompactMode = false;
+	public isCompactMode = true;
 	public poll: Poll;
 	public pollSlug: string;
 	public passHash: string;
diff --git a/src/app/features/consultation/poll-results-compact/poll-results-compact.component.html b/src/app/features/consultation/poll-results-compact/poll-results-compact.component.html
index 6d80a6a4..63e7b824 100644
--- a/src/app/features/consultation/poll-results-compact/poll-results-compact.component.html
+++ b/src/app/features/consultation/poll-results-compact/poll-results-compact.component.html
@@ -1,4 +1,9 @@
-<div class="box" *ngFor="let choice of poll.choices">
+<div
+	class="box"
+	*ngFor="let choice of poll.choices"
+	[ngClass]="{ 'active has-background-success': choice.enabled }"
+	(click)="choice.enabled = !choice.enabled"
+>
 	<div class="columns is-vcentered is-mobile">
 		<div class="column">
 			<label class="label">{{ choice.name }}</label>
diff --git a/src/app/features/consultation/poll-results-compact/poll-results-compact.component.scss b/src/app/features/consultation/poll-results-compact/poll-results-compact.component.scss
index e69de29b..f9db3d5e 100644
--- a/src/app/features/consultation/poll-results-compact/poll-results-compact.component.scss
+++ b/src/app/features/consultation/poll-results-compact/poll-results-compact.component.scss
@@ -0,0 +1,20 @@
+@import '../../../../styles/variables';
+
+.box {
+	border-left: 3px solid white;
+	cursor: pointer;
+	* {
+		cursor: pointer;
+	}
+	&:hover {
+		border-left-color: #d198d4;
+		background: #ccc;
+	}
+	&:focus,
+	&:active {
+		background: #d198d4;
+	}
+	&.active {
+		border-left-color: yellowgreen !important;
+	}
+}