Merge pull request #5753 from ilzamcmed/LPS-201512

fix(@clayui/css): Fix text behaviour in Vertical Navigation component
liferay · Jan 22, 2024 · a84f96b · a84f96b
2 parents f0f73f3 + f363cc5
commit a84f96b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/packages/clay-css/src/scss/atlas/variables/_menubar.scss b/packages/clay-css/src/scss/atlas/variables/_menubar.scss
@@ -5,7 +5,7 @@ $menubar-vertical-transparent-md: map-deep-merge(
 	(
 		nav-link: (
 			border-radius: $border-radius,
-			letter-spacing: 0.02em,
+			letter-spacing: 0.016rem,
 			margin-bottom: 0.25rem,
 			transition: #{color 0.15s ease-in-out,
 			background-color 0.15s ease-in-out,
@@ -61,7 +61,7 @@ $menubar-vertical-transparent-md: map-deep-merge(
 				background-color: transparent,
 				box-shadow: none,
 				font-weight: $font-weight-normal,
-				letter-spacing: 0.02em,
+				letter-spacing: 0.016rem,
 				before: (
 					content: none,
 				),
@@ -139,7 +139,7 @@ $menubar-vertical-transparent-lg: map-deep-merge(
 	(
 		nav-link: (
 			border-radius: $border-radius,
-			letter-spacing: 0.02em,
+			letter-spacing: 0.016rem,
 			margin-bottom: 0.25rem,
 			transition: #{color 0.15s ease-in-out,
 			background-color 0.15s ease-in-out,
@@ -194,7 +194,7 @@ $menubar-vertical-transparent-lg: map-deep-merge(
 				background-color: transparent,
 				box-shadow: none,
 				font-weight: $font-weight-normal,
-				letter-spacing: 0.02em,
+				letter-spacing: 0.016rem,
 				before: (
 					content: none,
 				),

diff --git a/packages/clay-css/src/scss/cadmin/variables/_menubar.scss b/packages/clay-css/src/scss/cadmin/variables/_menubar.scss
@@ -62,7 +62,7 @@ $cadmin-menubar-vertical-transparent-md: map-deep-merge(
 		nav-link: (
 			border-radius: $cadmin-border-radius,
 			color: $cadmin-gray-600,
-			letter-spacing: 0.02em,
+			letter-spacing: 0.016rem,
 			margin-bottom: 4px,
 			transition: #{color 0.15s ease-in-out,
 			background-color 0.15s ease-in-out,
@@ -119,7 +119,7 @@ $cadmin-menubar-vertical-transparent-md: map-deep-merge(
 				box-shadow: none,
 				color: rgba($cadmin-black, 0.3),
 				font-weight: $cadmin-font-weight-normal,
-				letter-spacing: 0.02em,
+				letter-spacing: 0.016rem,
 				before: (
 					content: none,
 				),
@@ -328,7 +328,7 @@ $cadmin-menubar-vertical-transparent-lg: map-deep-merge(
 		nav-link: (
 			border-radius: $cadmin-border-radius,
 			color: $cadmin-gray-600,
-			letter-spacing: 0.02em,
+			letter-spacing: 0.016rem,
 			margin-bottom: 4px,
 			transition: #{color 0.15s ease-in-out,
 			background-color 0.15s ease-in-out,
@@ -383,7 +383,7 @@ $cadmin-menubar-vertical-transparent-lg: map-deep-merge(
 				box-shadow: none,
 				color: rgba($cadmin-black, 0.3),
 				font-weight: $cadmin-font-weight-normal,
-				letter-spacing: 0.02em,
+				letter-spacing: 0.016rem,
 				before: (
 					content: none,
 				),