From 1e7c2175c7c7fb07601d4183957d577d60442fa5 Mon Sep 17 00:00:00 2001
From: Serghei Mihai <smihai@entrouvert.com>
Date: Mon, 20 May 2019 11:07:44 +0200
Subject: [PATCH] css: improve checkbox visibility (#28447)

---
 static/grandlyon-cut/_custom.scss | 32 +++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)

diff --git a/static/grandlyon-cut/_custom.scss b/static/grandlyon-cut/_custom.scss
index 35ab1e6..c8e9a17 100644
--- a/static/grandlyon-cut/_custom.scss
+++ b/static/grandlyon-cut/_custom.scss
@@ -1050,3 +1050,35 @@ div#nav {
 		background: #fbd3d3;
 	}
 }
+
+input[type="checkbox"] {
+	position: absolute;
+	left: -99999px;
+	+ label {
+		position: relative;
+		padding-left: 20px;
+		&::before {
+			position: absolute;
+			left: 0;
+			top: 3px;
+			content: '';
+			display: block;
+			border: 1px solid #777777;
+			background: #ffffff;
+			width: 13px;
+			height: 13px;
+		}
+	}
+	&:checked {
+		+ label::after {
+			content: '';
+			position: absolute;
+			top: 5px;
+			left: 2px;
+			background-color: #000000;
+			transition: all .2s;
+			width: 11px;
+			height: 11px;
+		}
+	}
+}