From e06030db306d8fced74d62a2902bce867f290d36 Mon Sep 17 00:00:00 2001
From: Ben Liesch <bliesch@salesforce.com>
Date: Tue, 8 Feb 2022 09:48:00 -0600
Subject: [PATCH] W-10530058: Fix responsive styles for flexipage containers.

Fixes responsive layout for OmniScript in medium/small flexipage containers.
Adds greater specificity to container based responsive classes.
---
 ui/utilities/omniScript/_index.scss | 28 +++++++++-------------------
 1 file changed, 9 insertions(+), 19 deletions(-)

diff --git a/ui/utilities/omniScript/_index.scss b/ui/utilities/omniScript/_index.scss
index 7d466c4bf1..c25c8ed7e5 100644
--- a/ui/utilities/omniScript/_index.scss
+++ b/ui/utilities/omniScript/_index.scss
@@ -72,22 +72,13 @@
 }
 
 // Support for flexipage regions.
-.nds-flexipage-container {
-  &_small {
-
-    [class*=nds-medium-size],
-    [class*=nds-large-size] {
-      width: 100%; // override width
-      flex: 0 0 100%;
-      max-width: 100%;
-    }
-
-    @include reset-order();
+.slds-flexipage-container_small {
+  .omniscript-article {
+    @include reset-size(small);
+    @include reset-order(small);
 
     .nds-modal__container {
-      @include reset-size(medium);
       @include reset-size(large);
-      @include reset-order(medium);
       @include reset-order(large);
     }
 
@@ -97,12 +88,11 @@
       justify-content: center;
     }
   }
+}
 
-  &_medium {
-    [class*=nds-large-size] {
-      width: 100%;
-    }
-
+.slds-flexipage-container_medium {
+  .omniscript-article {
+    @include reset-size(medium);
     @include reset-order(medium);
 
     .slds-modal__container {
@@ -110,5 +100,5 @@
       @include reset-order(large);
     }
   }
-
 }
+