Merge pull request #33 from sf-industries/bliesch/238/W-10530058

W-10530058: Fix responsive styles for flexipage containers.
vlocityinc · Feb 9, 2022 · a43db69 · a43db69
2 parents 9e766fc + e06030d
commit a43db69
Showing 1 changed file with 9 additions and 19 deletions.
diff --git 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,18 +88,17 @@
       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 {
       @include reset-size(large);
       @include reset-order(large);
     }
   }
-
 }
+