From 5541f3ea65ad2e17eb5a3f23f77be6d498d0403c Mon Sep 17 00:00:00 2001
From: lolodomo <lg.hc@free.fr>
Date: Wed, 11 Aug 2021 12:40:41 +0200
Subject: [PATCH] [basicUI] Fix color selector placement (#1139)

Fix #934

Signed-off-by: Laurent Garnier <lg.hc@free.fr>
---
 bundles/org.openhab.ui.basic/web-src/_layout.scss | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/bundles/org.openhab.ui.basic/web-src/_layout.scss b/bundles/org.openhab.ui.basic/web-src/_layout.scss
index 31a3c7ecad..83951c0d53 100644
--- a/bundles/org.openhab.ui.basic/web-src/_layout.scss
+++ b/bundles/org.openhab.ui.basic/web-src/_layout.scss
@@ -513,17 +513,15 @@ $colorpicker-mobile-size: 270px;
 	&__handle {
 		$handle-size: 24px;
 		position: absolute;
-		top: 50%;
-		left: 50%;
 		box-sizing: border-box;
 		-moz-box-sizing: border-box;
 		border: 4px solid white;
 		width: $handle-size;
 		height: $handle-size;
-		margin: -($handle-size / 2) -0 0 -($handle-size / 2);
 		border-radius: $handle-size / 2;
 		box-shadow: 0 0 0 2px #aaa inset, 0 0 0 2px #aaa;
 		pointer-events: none;
+		transform: translate(-50%, -50%);
 	}
 	&__controls {
 		position: relative;