Fix the issue where clamp function is not working for 0 value

amitraj2203 · May 15, 2024 · bb8c28a · bb8c28a
1 parent 7a9f1de
commit bb8c28a
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/block-library/src/navigation/style.scss b/packages/block-library/src/navigation/style.scss
@@ -511,10 +511,10 @@ button.wp-block-navigation-item__content {
 		@include reduce-motion("animation");
 
 		// Try to inherit any root paddings set, so the X can align to a top-right aligned menu.
-		padding-top: clamp(1rem, var(--wp--style--root--padding-top), 20rem);
-		padding-right: clamp(1rem, var(--wp--style--root--padding-right), 20rem);
-		padding-bottom: clamp(1rem, var(--wp--style--root--padding-bottom), 20rem);
-		padding-left: clamp(1rem, var(--wp--style--root--padding-left), 20em);
+		padding-top: min(clamp(1rem, var(--wp--style--root--padding-top), 20rem), var(--wp--style--root--padding-top));
+		padding-right: min(clamp(1rem, var(--wp--style--root--padding-right), 20rem), var(--wp--style--root--padding-right));
+		padding-bottom: min(clamp(1rem, var(--wp--style--root--padding-bottom), 20rem), var(--wp--style--root--padding-bottom));
+		padding-left: min(clamp(1rem, var(--wp--style--root--padding-left), 20em), var(--wp--style--root--padding-left));
 
 		// Allow modal to scroll.
 		overflow: auto;