ISTWCMS-4835: fixing inverted l layouts

css/styles.css

@@ -2237,7 +2237,7 @@ svg:not(:root) {
   grid-column: 1 / 2;
   grid-row: 1 / 2; }
 
-.layout--uw-inverted-l-right .layout__region--first {
+.layout--uw-inverted-l-right .layout__region--second {
   grid-column: 2 / 3;
   grid-row: 1 / 2; }
 
@@ -2245,10 +2245,6 @@ svg:not(:root) {
   grid-column: 1 / 3;
   grid-row: 2 / 3; }
 
-.layout--uw-inverted-l-right .layout__region--fourth {
-  grid-column: 3 / 4;
-  grid-row: 1 / 3; }
-
 .layout__region {
   outline: 2px dashed #2f91da;
   padding: 1.5rem;

css/uw-dashboards.css

@@ -658,7 +658,7 @@
   grid-column: 1 / 2;
   grid-row: 1 / 2; }
 
-.layout--uw-inverted-l-right .layout__region--first {
+.layout--uw-inverted-l-right .layout__region--second {
   grid-column: 2 / 3;
   grid-row: 1 / 2; }
 
@@ -666,10 +666,6 @@
   grid-column: 1 / 3;
   grid-row: 2 / 3; }
 
-.layout--uw-inverted-l-right .layout__region--fourth {
-  grid-column: 3 / 4;
-  grid-row: 1 / 3; }
-
 .layout__region {
   outline: 2px dashed #2f91da;
   padding: 1.5rem;

source/_patterns/03-layouts/layout/_layout.twig

@@ -52,12 +52,16 @@
     </div>
 
     {% if inverted_l_left or inverted_l_right %}
-      {% if inverted_l_left and loop.index == 1 or loop.index == 4 %}
-        </div>
+      {% if inverted_l_left %}
+        {% if loop.index == 1 or loop.index == 4 %}
+          </div>
+        {% endif %}
       {% endif %}
 
-      {% if inverted_l_right and loop.index == 3 or loop.index == 4 %}
-        </div>
+      {% if inverted_l_right %}
+        {% if loop.index == 3 or loop.index == 4 %}
+          </div>
+        {% endif %}
       {% endif %}
 
     {% endif %}

source/_patterns/03-layouts/layout/layout--inverted-l-right/_layout--inverted-l-right.scss

@@ -32,7 +32,7 @@
     grid-row: 1 / 2;
   }
 
-  .layout__region--first {
+  .layout__region--second {
     grid-column: 2 / 3;
     grid-row: 1 / 2;
   }
@@ -42,8 +42,4 @@
     grid-row: 2 / 3;
   }
 
-  .layout__region--fourth {
-    grid-column: 3 / 4;
-    grid-row: 1 / 3;
-  }
 }