fix: Extra Blockera logo icons is showing in blocks

blockeraai · Sep 12, 2024 · fff535b · fff535b
1 parent 59b1f3d
commit fff535b
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/packages/editor/CHANGELOG.md b/packages/editor/CHANGELOG.md
@@ -9,6 +9,7 @@
 - Text align feature change from block toolbar not update Typography block section control [[🔗 Bug](https://community.blockera.ai/bugs-mdhyb8nc/post/changing-text-aling-not-affects-inside-blockera-typography-section-kjKfo0aGpFIJSre)]
 - Heading block text align compatibility 
 - Layout Section → Flex Child → Self order icon is wrong [[🔗 Bug](https://community.blockera.ai/bugs-mdhyb8nc/post/flex-chlild-order-icon-is-wrong-uVCroH9QzuZSWsf)]
+- Extra Blockera logo is showing in blocks preview section [[🔗 Bug](https://community.blockera.ai/bugs-mdhyb8nc/post/extra-logo-on-blocks-fFacaGcdbdRHS3M)]
 
 
 ### Improvements

diff --git a/packages/editor/js/extensions/components/block-icon.js b/packages/editor/js/extensions/components/block-icon.js
@@ -32,6 +32,9 @@ export const BlockIcon = ({
 				className={'blockera-block-icon blockera-main-icon'}
 				data-test={ariaLabel}
 				aria-label={ariaLabel}
+				style={{
+					display: 'none',
+				}}
 			/>
 
 			<Icon
@@ -41,6 +44,9 @@ export const BlockIcon = ({
 				className={'blockera-block-icon blockera-cube-icon'}
 				data-test={ariaLabel}
 				aria-label={ariaLabel}
+				style={{
+					display: 'none',
+				}}
 			/>
 
 			<WPBlockIcon icon={defaultIcon} />

diff --git a/packages/editor/js/extensions/components/style.scss b/packages/editor/js/extensions/components/style.scss
@@ -86,7 +86,7 @@
 .block-editor-inserter__panel-content {
 
 	.blockera-block-icon {
-		display: block;
+		display: block !important;
 		top: 15px;
 		right: 20px;
 		margin-right: -7px;
@@ -119,7 +119,7 @@
 
 	.blockera-block-icon.blockera-main-icon {
 		color: currentColor;
-		display: block;
+		display: block !important;
 		opacity: 0.2;
 		top: -10px;
 		right: -10px;
@@ -136,7 +136,7 @@
 	position: relative;
 
 	.blockera-block-icon.blockera-main-icon {
-		display: block;
+		display: block !important;
 		opacity: 0.2;
 		--icon-size: 20px;
 		top: 50%;
@@ -155,7 +155,7 @@
 		position: relative;
 
 		.blockera-block-icon {
-			display: block;
+			display: block !important;
 			opacity: 0.2;
 			--icon-size: 20px;
 			top: 50%;