Fix Checkbox, Switch and Radio clickable area (#6541)

public-ui · Jun 13, 2024 · 4b39b53 · 4b39b53
2 parents 736f4f6 + 0efc6c4
commit 4b39b53
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 8 deletions.
diff --git a/packages/themes/ecl/src/components/ecl-ec/input-checkbox.scss b/packages/themes/ecl/src/components/ecl-ec/input-checkbox.scss
@@ -105,10 +105,6 @@
 		background-color: var(--color-red-1xx);
 	}
 
-	.kol-input {
-		gap: var(--spacing-xs);
-	}
-
 	.button {
 		gap: var(--spacing-xs) 0;
 		grid-template-areas:

diff --git a/packages/themes/ecl/src/components/ecl-ec/input-radio.scss b/packages/themes/ecl/src/components/ecl-ec/input-radio.scss
@@ -35,6 +35,11 @@
 	.radio-input-wrapper {
 		display: flex;
 		align-items: center;
+		display: flex;
+		flex-direction: row;
+		margin: 0;
+		min-height: var(--a11y-min-size);
+		position: relative;
 	}
 
 	.radio-label {

diff --git a/packages/themes/ecl/src/components/ecl-eu/input-checkbox.scss b/packages/themes/ecl/src/components/ecl-eu/input-checkbox.scss
@@ -105,10 +105,6 @@
 		background-color: var(--color-red-1xx);
 	}
 
-	.kol-input {
-		gap: var(--spacing-xs);
-	}
-
 	.button {
 		gap: var(--spacing-xs) 0;
 		grid-template-areas:

diff --git a/packages/themes/ecl/src/components/ecl-eu/input-radio.scss b/packages/themes/ecl/src/components/ecl-eu/input-radio.scss
@@ -31,6 +31,11 @@
 	.radio-input-wrapper {
 		display: flex;
 		align-items: center;
+		display: flex;
+		flex-direction: row;
+		margin: 0;
+		min-height: var(--a11y-min-size);
+		position: relative;
 	}
 
 	.radio-label {