changes based on comment

SAP · Dec 31, 2024 · 9eb4d9a · 9eb4d9a
1 parent c1bbaa8
commit 9eb4d9a
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 11 deletions.
diff --git a/projects/storefrontlib/cms-components/navigation/navigation/navigation-ui.component.html b/projects/storefrontlib/cms-components/navigation/navigation/navigation-ui.component.html
@@ -54,7 +54,7 @@
           'navigation.linkItemInList'
             | cxTranslate
               : {
-                  title: node.title
+                  title: node.title,
                 }
         "
         [url]="node.url"
@@ -121,7 +121,11 @@
         </ng-container>
       </ng-container>
       <ng-template #title>
-        <span [attr.aria-label]="node.title" *ngIf="node.title" [attr.tabindex]="0">
+        <span
+          [attr.aria-label]="node.title"
+          *ngIf="node.title"
+          [attr.tabindex]="0"
+        >
           {{ node.title }}
         </span>
       </ng-template>
@@ -138,7 +142,9 @@
         [attr.depth]="getTotalDepth(node)"
         [attr.wrap-after]="node.children.length > wrapAfter ? wrapAfter : null"
         [attr.columns]="getColumnCount(node.children.length)"
-        [attr.role]="flyout && (node?.children?.length ?? 0) > 1 ? 'list' : null"
+        [attr.role]="
+          flyout && (node?.children?.length ?? 0) > 1 ? 'list' : null
+        "
       >
         <ng-container *ngFor="let child of node.children; index as i">
           <ng-container
@@ -148,7 +154,7 @@
                 node: child,
                 depth: depth + 1,
                 listLength: node.children.length,
-                position: i + 1
+                position: i + 1,
               }
             "
           >

diff --git a/projects/storefrontstyles/scss/components/content/navigation/_my-account-v2-navigation.scss b/projects/storefrontstyles/scss/components/content/navigation/_my-account-v2-navigation.scss
@@ -62,19 +62,20 @@
   span {
     font-size: 14px;
   }
-  cx-my-account-v2-navigation a,cx-my-account-v2-navigation .fas {
-    // width: 100% !important;
-    height: auto ;
-    padding: 19px 0 19px 2px ;
-    font-size: 12px ;
+  cx-my-account-v2-navigation a,
+  cx-my-account-v2-navigation .fas {
+    height: auto;
+    padding: 19px 0 19px 2px;
+    font-size: 12px;
   }
 }
 @media screen and (max-width: 444px) {
   cx-navigation-ui h4,
   span {
     font-size: 11px;
   }
-  cx-my-account-v2-navigation a,cx-my-account-v2-navigation .fas {
-    font-size: 10px ;
+  cx-my-account-v2-navigation a,
+  cx-my-account-v2-navigation .fas {
+    font-size: 10px;
   }
 }