fix: (CXSPA-9060) - Limit popover width on sub 375px devices (#19683)

Co-authored-by: Giancarlo Cordero Ortiz <[email protected]>
SAP · Dec 3, 2024 · bb7b6af · bb7b6af
1 parent 20ab001
commit bb7b6af
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/projects/storefrontstyles/scss/components/misc/popover/_popover.scss b/projects/storefrontstyles/scss/components/misc/popover/_popover.scss
@@ -30,6 +30,11 @@
   padding: 1rem 0.938rem;
   box-shadow: 0px 1px 11px 2px var(--cx-popover-box-shadow-color);
 
+  // limiting the width to a portion of the viewport ensures there is no overflow on sub 375px devices
+  @include media-breakpoint-down('xs') {
+    max-width: 70vw;
+  }
+
   @include forFeature('a11yImproveContrast') {
     @include type('7');
   }