fix: (CXSPA-9035) StoreFinder Truncation on applying text spacing set…

…tings (#19691) Co-authored-by: Giancarlo Cordero Ortiz <[email protected]>
SAP · Dec 3, 2024 · 72bb771 · 72bb771
1 parent bb7b6af
commit 72bb771
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 0 deletions.
diff --git a/...re-libs/storefinder/components/store-finder-list-item/store-finder-list-item.component.ts b/...re-libs/storefinder/components/store-finder-list-item/store-finder-list-item.component.ts
@@ -6,6 +6,7 @@
 
 import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { StoreFinderService } from '@spartacus/storefinder/core';
+import { useFeatureStyles } from '@spartacus/core';
 import { StoreFinderOutlets } from '@spartacus/storefinder/root';
 import { AbstractStoreItemComponent } from '../abstract-store-item/abstract-store-item.component';
 
@@ -29,6 +30,7 @@ export class StoreFinderListItemComponent extends AbstractStoreItemComponent {
 
   constructor(protected storeFinderService: StoreFinderService) {
     super(storeFinderService);
+    useFeatureStyles('a11yTruncatedTextStoreFinder');
   }
 
   handleStoreItemClick() {

diff --git a/feature-libs/storefinder/styles/components/_store-finder-list-item.scss b/feature-libs/storefinder/styles/components/_store-finder-list-item.scss
@@ -30,6 +30,9 @@
   }
   .cx-store-address-street {
     white-space: nowrap;
+    @include forFeature('a11yTruncatedTextStoreFinder') {
+      white-space: unset;
+    }
     overflow: hidden;
     text-overflow: ellipsis;
 

diff --git a/projects/core/src/features-config/feature-toggles/config/feature-toggles.ts b/projects/core/src/features-config/feature-toggles/config/feature-toggles.ts
@@ -400,6 +400,11 @@ export interface FeatureTogglesInterface {
    */
   a11yTruncatedTextForResponsiveView?: boolean;
 
+  /**
+   * `StoreFinderListItemComponent` street name is not truncated
+   */
+  a11yTruncatedTextStoreFinder?: boolean;
+
   /**
    * When enabled focus outline on the close button inside `ProductImageZoomDialogComponent`
    * will be fully visible
@@ -894,6 +899,7 @@ export const defaultFeatureToggles: Required<FeatureTogglesInterface> = {
   a11yOrganizationLinkableCells: false,
   a11yVisibleFocusOverflows: true,
   a11yTruncatedTextForResponsiveView: true,
+  a11yTruncatedTextStoreFinder: false,
   a11ySemanticPaginationLabel: false,
   a11yPreventCartItemsFormRedundantRecreation: false,
   a11yPreventSRFocusOnHiddenElements: false,

diff --git a/projects/storefrontapp/src/app/spartacus/spartacus-features.module.ts b/projects/storefrontapp/src/app/spartacus/spartacus-features.module.ts
@@ -349,6 +349,7 @@ if (environment.cpq) {
         a11yPreventSRFocusOnHiddenElements: true,
         a11yVisibleFocusOverflows: true,
         a11yTruncatedTextForResponsiveView: true,
+        a11yTruncatedTextStoreFinder: true,
         a11ySemanticPaginationLabel: true,
         a11yPreventCartItemsFormRedundantRecreation: true,
         a11yMyAccountLinkOutline: true,