fix:add fix for hamburger menu icons (#594)

SAP · Jan 17, 2020 · c141a94 · c141a94
1 parent a04d6eb
commit c141a94
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/docs/_sass/_landingPage.scss b/docs/_sass/_landingPage.scss
@@ -625,13 +625,13 @@ body {
 	transition: all 0.3s ease;
 }
 
-.sap-icon--menu2::before {
+.header-section__sap-icon--menu2::before {
     font-size: 20px;
     transition: opacity .3s, transform .3s;
     color: $home-page-action-color;
 }
 
-.sap-icon--decline::before {
+.header-section__sap-icon--decline::before {
     font-size: 20px;
     transition: opacity .3s, transform .3s;
     transform: rotate(-180deg);

diff --git a/docs/index.html b/docs/index.html
@@ -19,7 +19,7 @@
 
 <div class="header-section" id="headerSection">
     <div class="header-section__hamburger">
-        <i id="hamburgerToggle" class="sap-icon--menu2" onclick="toggleHamburger()"></i>
+        <i id="hamburgerToggle" class="sap-icon--menu2 header-section__sap-icon--menu2" onclick="toggleHamburger()"></i>
     </div>
     <div class="header-section__logo">
         <img 
@@ -259,11 +259,11 @@
         const toggle = document.getElementById("hamburgerToggle");
         const menu = document.getElementById("responsiveMenu");
 
-        if (toggle.className === "sap-icon--menu2") {
-            toggle.className = "sap-icon--decline";
+        if (toggle.className === "sap-icon--menu2 header-section__sap-icon--menu2") {
+            toggle.className = "sap-icon--decline header-section__sap-icon--decline";
             menu.classList += " show";
         } else {
-            toggle.className = "sap-icon--menu2";
+            toggle.className = "sap-icon--menu2 header-section__sap-icon--menu2";
             menu.classList = "responsive-menu hide";
 
             setTimeout(function(){