Fix border width and border radius issue

Codeinwp · Sep 24, 2024 · b8a9cab · b8a9cab
1 parent 116a035
commit b8a9cab
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 0 deletions.
diff --git a/inc/css/class-css-utility.php b/inc/css/class-css-utility.php
@@ -327,6 +327,13 @@ public function generate() {
 	 * @return string
 	 */
 	public static function box_values( $box, $box_default = array() ) {
+		$box = array_map(
+			function ( $value ) {
+				return is_numeric( $value ) ? $value . 'px' : $value;
+			},
+			$box
+		);
+
 		return self::render_box(
 			array_merge(
 				array(

diff --git a/src/blocks/blocks/button-group/button/save.js b/src/blocks/blocks/button-group/button/save.js
@@ -21,6 +21,34 @@ const Save = ({
 }) => {
 	const Icon = themeIsleIcons.icons[ attributes.icon ];
 
+	// Border radius
+	if ( ! isNaN( attributes?.borderRadius?.top ) ) {
+		attributes.borderRadius.top += 'px';
+	}
+	if ( ! isNaN( attributes?.borderRadius?.right ) ) {
+		attributes.borderRadius.right += 'px';
+	}
+	if ( ! isNaN( attributes?.borderRadius?.left ) ) {
+		attributes.borderRadius.left += 'px';
+	}
+	if ( ! isNaN( attributes?.borderRadius?.bottom ) ) {
+		attributes.borderRadius.bottom += 'px';
+	}
+
+	// border size
+	if ( ! isNaN( attributes?.borderSize?.top ) ) {
+		attributes.borderSize.top += 'px';
+	}
+	if ( ! isNaN( attributes?.borderSize?.right ) ) {
+		attributes.borderSize.right += 'px';
+	}
+	if ( ! isNaN( attributes?.borderSize?.left ) ) {
+		attributes.borderSize.left += 'px';
+	}
+	if ( ! isNaN( attributes?.borderSize?.bottom ) ) {
+		attributes.borderSize.bottom += 'px';
+	}
+
 	const blockProps = useBlockProps.save({
 		id: attributes.id,
 		className: 'wp-block-button'