From 181e8ff93b9593e6d7382e3353291632f6b08f8c Mon Sep 17 00:00:00 2001
From: Prasanna LMSACE <prasanna_t@lmsace.com>
Date: Fri, 22 Mar 2024 16:36:27 +0530
Subject: [PATCH] Update smart menu bottom bar icon and fix issue with large
 icons in smart menu, resolves #356

---
 scss/boost_union/post.scss | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/scss/boost_union/post.scss b/scss/boost_union/post.scss
index ad115bd1f4f..ae4f03e8156 100644
--- a/scss/boost_union/post.scss
+++ b/scss/boost_union/post.scss
@@ -1679,7 +1679,7 @@ body.theme_boost-union-footerbuttonnone.jsenabled {
                             margin-bottom: 0;
                         }
                     }
-                    /* text aligned center, Padding and margin added for the "help icon" in menu */
+                    /* Text aligned center, Padding and margin bottom added for the "help icon" in menu help icon */
                     .menu-helpicon {
                         text-align: center;
                         padding-right: 10px;
@@ -1699,6 +1699,13 @@ body.theme_boost-union-footerbuttonnone.jsenabled {
                         /* Dropdown menu link alignment at top */
                         align-items: baseline;
                         white-space: normal;
+                        /* The icon width, height and font size is changed to normal size when the
+                        large size icon (class="iconsize-big") is used in the "i" tag */
+                        i.icon {
+                            width: auto;
+                            height: auto;
+                            font-size: 16px;
+                        }
                         /* The "Tick" icon removed when the menu link is clicked */
                         &:before {
                             display: none;
@@ -2095,6 +2102,12 @@ body.theme_boost-union-footerbuttonnone.jsenabled {
     /* Align the drawer content list group item in center*/
     .drawer-primary .drawercontent .list-group .list-group-item {
         align-items: center;
+        /* The icon width, height and font size is changed to normal size when the large size icon (class="iconsize-big") is used in the "i" tag in the bottom menu */
+        i.icon {
+            width: auto;
+            height: auto;
+            font-size: 16px;
+        }
     }
     /* Drop down more menu carousel item */
     .theme-boost-union-smartmenu-carousel {
@@ -2267,6 +2280,10 @@ body.theme_boost-union-footerbuttonnone.jsenabled {
                         > a {
                             &.dropdown-toggle {
                                 padding-right: 25px;
+                                /* The footer bottom icon changes to an upward-facing angle when the bottom dropdown menu is visible outside the More menu. */
+                                &:not(.active):after {
+                                    content: '\f106';
+                                }
                             }
                             &:not(.active) {
                                 border-bottom: 0;