Match front end and back end borders

stellarwp · Dec 4, 2024 · b15b98e · b15b98e
1 parent d7166ea
commit b15b98e
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/includes/blocks/class-kadence-blocks-icon-list-block.php b/includes/blocks/class-kadence-blocks-icon-list-block.php
@@ -167,6 +167,8 @@ public function build_css( $attributes, $css, $unique_id, $unique_style_id ) {
 			}
 			if( isset( $attributes['borderWidth'] ) ) {
 				$css->add_property( 'border-width',  $attributes['borderWidth'] . 'px' );
+			} else {
+				$css->add_property( 'border-width',  '0px' );
 			}
 			$css->add_property( 'border-style',  'solid' );
 

diff --git a/src/blocks/iconlist/editor.scss b/src/blocks/iconlist/editor.scss
@@ -66,10 +66,12 @@
 	border-bottom-width: 0px;
 }
 .kt-svg-icon-list-style-stacked .kt-svg-icon-list-single {
-	border: 0px solid transparent;
+	border-style: solid;
+	border-width: 0px;
 }
 .kb-icon-list-style-stacked .kt-svg-icon-list-single {
-	border: 0px solid transparent;
+	border-style: solid;
+	border-width: 0px;
 }
 /* Remove padding from innerblocks */
 .kt-svg-icon-list-container .block-editor-block-list__layout .wp-block {

diff --git a/src/blocks/iconlist/style.scss b/src/blocks/iconlist/style.scss
@@ -103,7 +103,8 @@
 	justify-content: center;
 }
 .kt-svg-icon-list-style-stacked .kt-svg-icon-list-single {
-	border: 0px solid transparent;
+	border-style: solid;
+	border-width: 0;
 }
 .kt-svg-icon-list-columns-2 ul.kt-svg-icon-list {
 	grid-template-columns: repeat(2, minmax(0, 1fr));