fix(clayui/css): Fix wrong padding in Clay Picker dropdown

liferay · Jan 19, 2024 · 4d6ea45 · 4d6ea45
1 parent 51a922b
commit 4d6ea45
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 14 deletions.
diff --git a/packages/clay-css/src/scss/cadmin/components/_dropdowns.scss b/packages/clay-css/src/scss/cadmin/components/_dropdowns.scss
@@ -255,8 +255,7 @@
 	.dropdown-caption,
 	.dropdown-item {
 		padding-left: calc(
-			#{$cadmin-dropdown-item-padding-x} + #{$cadmin-dropdown-item-indicator-size} +
-				#{$cadmin-dropdown-item-indicator-spacer-x}
+			0.5rem + #{$cadmin-dropdown-item-indicator-size} + #{$cadmin-dropdown-item-indicator-spacer-x}
 		);
 	}
 
@@ -301,11 +300,6 @@
 	}
 
 	.dropdown-item {
-		padding-right: calc(
-			#{$cadmin-dropdown-item-padding-x} + #{$cadmin-dropdown-item-indicator-size} +
-				#{$cadmin-dropdown-item-indicator-spacer-x}
-		);
-
 		@if ($cadmin-enable-c-inner) {
 			.c-inner {
 				margin-right: calc(

diff --git a/packages/clay-css/src/scss/cadmin/variables/_dropdowns.scss b/packages/clay-css/src/scss/cadmin/variables/_dropdowns.scss
@@ -396,7 +396,7 @@ $cadmin-dropdown-item-indicator-start: map-deep-merge(
 		display: inline-flex,
 		height: $cadmin-dropdown-item-indicator-size,
 		justify-content: center,
-		left: $cadmin-dropdown-item-padding-x,
+		left: 0.75rem,
 		position: absolute,
 		right: auto,
 		top:

diff --git a/packages/clay-css/src/scss/components/_dropdowns.scss b/packages/clay-css/src/scss/components/_dropdowns.scss
@@ -265,7 +265,7 @@
 	.dropdown-caption,
 	.dropdown-item {
 		padding-left: calc(
-			#{$dropdown-item-padding-x} + #{$dropdown-item-indicator-size} + #{$dropdown-item-indicator-spacer-x}
+			0.5rem + #{$dropdown-item-indicator-size} + #{$dropdown-item-indicator-spacer-x}
 		);
 	}
 
@@ -309,10 +309,6 @@
 	}
 
 	.dropdown-item {
-		padding-right: calc(
-			#{$dropdown-item-padding-x} + #{$dropdown-item-indicator-size} + #{$dropdown-item-indicator-spacer-x}
-		);
-
 		@if ($enable-c-inner) {
 			.c-inner {
 				margin-right: calc(

diff --git a/packages/clay-css/src/scss/variables/_dropdowns.scss b/packages/clay-css/src/scss/variables/_dropdowns.scss
@@ -491,7 +491,7 @@ $dropdown-item-indicator-start: map-deep-merge(
 		display: inline-flex,
 		height: $dropdown-item-indicator-size,
 		justify-content: center,
-		left: $dropdown-item-padding-x,
+		left: 0.75rem,
 		position: absolute,
 		right: auto,
 		top: