the placement of the icon of the dropdown menu from the main navigati…

…on menu items has been improved
sschreier · Mar 2, 2024 · f4b3bf8 · f4b3bf8
1 parent f564020
commit f4b3bf8
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 3 deletions.
diff --git a/composer.json b/composer.json
@@ -1,7 +1,7 @@
 {
     "name": "sschreier/sschreierdropdownmenu",
     "description": "Dropdown Menü",
-    "version": "1.1.1",
+    "version": "1.1.2",
     "type": "shopware-platform-plugin",
     "license": "proprietary",
     "authors": [

diff --git a/src/Resources/app/storefront/src/scss/dropdown-menu.scss b/src/Resources/app/storefront/src/scss/dropdown-menu.scss
@@ -35,6 +35,17 @@ $sschreier-dropdown-menu-distance-text-to-left: 16 !default;
 
                     > .main-navigation-link-text {
                         padding: 0 0 3px 0;
+
+                        .main-navigation-link-text-inner {
+                            padding-right: 20px;
+
+                            span {
+                                &.icon {
+                                    position: absolute;
+                                    margin-left: 3px;
+                                }
+                            }
+                        }
                     }
 
                     &.active {

diff --git a/src/Resources/views/storefront/layout/navigation/navigation-menuitems.html.twig b/src/Resources/views/storefront/layout/navigation/navigation-menuitems.html.twig
@@ -17,7 +17,7 @@
                         <div class="main-navigation-link-text
                             {% block layout_main_navigation_menu_item_folder_link_text_cssclasses %}{% endblock %}"
                             title="{{ name }}">
-                            <span itemprop="name">
+                            <span class="main-navigation-link-text-inner" itemprop="name">
                                 {{ name }}
                                 {% if treeItem.children|length > 0 %}
                                     {% block layout_main_navigation_menu_item_folder_icon %}
@@ -41,7 +41,7 @@
                             itemprop="url"
                             {% if category_linknewtab(category) %}target="_blank"{% endif %}
                             title="{{ name }}">
-                            <span itemprop="name">
+                            <span class="main-navigation-link-text-inner" itemprop="name">
                                 {% if treeItem.children|length > 0 %}
                                     {% block layout_main_navigation_menu_item_no_folder_icon_before %}
                                         {% if config('SschreierDropdownMenu.config.dropdownMenuMultiLineOpenLastChildToLeft') or config('SschreierDropdownMenu.config.dropdownMenuAlwaysOpenToLeft') %}