From a7c436ca1c88b6f5d65bb5e4e66f7e0cef02b550 Mon Sep 17 00:00:00 2001
From: Justin Toupin <21499-justin2pin@users.noreply.drupalcode.org>
Date: Thu, 14 Nov 2024 16:53:17 +0000
Subject: [PATCH] Issue #3487531: Icons are duplicated in the component menu

---
 ...raphs-builder-component-menu--mercury-editor.html.twig | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/templates/layout-paragraphs-builder-component-menu--mercury-editor.html.twig b/templates/layout-paragraphs-builder-component-menu--mercury-editor.html.twig
index aefc2f55..15ef19a0 100644
--- a/templates/layout-paragraphs-builder-component-menu--mercury-editor.html.twig
+++ b/templates/layout-paragraphs-builder-component-menu--mercury-editor.html.twig
@@ -35,7 +35,13 @@
 			{% for type in types.content %}
 				<div class="lpb-component-list__item type-{{type.id}}">
 					<a{{type.link_attributes.setAttribute('href',type.url)}}>
-						{% if type.image %}<img src="{{ type.image }}" alt=""/>
+						{% if type.image %}
+						<style>
+							.lpb-component-list__item.type-{{ type.id }} a::before {
+								background: url({{ type.image }});
+								background-size: cover;
+							}
+						</style>
 						{% endif %}
 						{{ type.label }}</a>
 				</div>
-- 
GitLab