Issue #3262135 by kostyashupenko, longwave, Spokje, arunkumark,...

Issue #3262135 by kostyashupenko, longwave, Spokje, arunkumark, immaculatexavier: Olivero: Removal of the ie11-autorow CSS class

(cherry picked from commit f3b89549)

core/misc/cspell/dictionary.txt

@@ -75,7 +75,6 @@ autop
 autoplace
 autoplay
 autoreply
-autorow
 autosave
 autosubmit
 autowire

core/themes/olivero/css/base/utility.css

-/*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
-/**
- * @file
- * Utility classes.
- */
-
-/*
- * Media query breakpoints.
- * Processed by postcss/postcss-custom-media.
- */
-
-/* Navigation related breakpoints */
-
-/* Grid related breakpoints */
-
-/* Grid shifts from 6 to 14 columns. */
-
-/* Width of the entire grid maxes out. */
-
-/*
-  ie11-autorow
-
-  IE11 does not automatically place new rows, which leads to overlapping
-  content. We can work around this (when we know that each grid item is
-  going to span the full width) by setting each child to a new row.
-*/
-
-.ie11-autorow > *:nth-child(1) {
-    -ms-grid-row: 1;
-  }
-
-.ie11-autorow > *:nth-child(2) {
-    -ms-grid-row: 2;
-  }
-
-.ie11-autorow > *:nth-child(3) {
-    -ms-grid-row: 3;
-  }
-
-.ie11-autorow > *:nth-child(4) {
-    -ms-grid-row: 4;
-  }
-
-.ie11-autorow > *:nth-child(5) {
-    -ms-grid-row: 5;
-  }
-
-.ie11-autorow > *:nth-child(6) {
-    -ms-grid-row: 6;
-  }
-
-.ie11-autorow > *:nth-child(7) {
-    -ms-grid-row: 7;
-  }
-
-.ie11-autorow > *:nth-child(8) {
-    -ms-grid-row: 8;
-  }
-
-.ie11-autorow > *:nth-child(9) {
-    -ms-grid-row: 9;
-  }
-
-.ie11-autorow > *:nth-child(10) {
-    -ms-grid-row: 10;
-  }

core/themes/olivero/css/base/utility.pcss.css

-/**
- * @file
- * Utility classes.
- */
-
-@import "../base/media-queries.pcss.css";
-
-/*
-  ie11-autorow
-
-  IE11 does not automatically place new rows, which leads to overlapping
-  content. We can work around this (when we know that each grid item is
-  going to span the full width) by setting each child to a new row.
-*/
-.ie11-autorow > * {
-  &:nth-child(1) {
-    -ms-grid-row: 1;
-  }
-
-  &:nth-child(2) {
-    -ms-grid-row: 2;
-  }
-
-  &:nth-child(3) {
-    -ms-grid-row: 3;
-  }
-
-  &:nth-child(4) {
-    -ms-grid-row: 4;
-  }
-
-  &:nth-child(5) {
-    -ms-grid-row: 5;
-  }
-
-  &:nth-child(6) {
-    -ms-grid-row: 6;
-  }
-
-  &:nth-child(7) {
-    -ms-grid-row: 7;
-  }
-
-  &:nth-child(8) {
-    -ms-grid-row: 8;
-  }
-
-  &:nth-child(9) {
-    -ms-grid-row: 9;
-  }
-
-  &:nth-child(10) {
-    -ms-grid-row: 10;
-  }
-}

core/themes/olivero/olivero.libraries.yml

@@ -5,7 +5,6 @@ global-styling:
       css/base/fonts.css: {}
       css/base/variables.css: {}
       css/base/base.css: {}
-      css/base/utility.css: {}
     layout:
       css/layout/layout.css: {}
       css/layout/grid.css: {}

core/themes/olivero/templates/content/node.html.twig

@@ -74,7 +74,6 @@
     'node',
     'node--type-' ~ node.bundle|clean_class,
     layout ? 'grid-full',
-    layout ? 'ie11-autorow',
     node.isPromoted() ? 'node--promoted',
     node.isSticky() ? 'node--sticky',
     not node.isPublished() ? 'node--unpublished',

core/themes/olivero/templates/layout/page.html.twig

@@ -100,7 +100,7 @@
 
             {% if page.sidebar %}
               <div class="sidebar-grid grid-full">
-                <main role="main" class="site-main ie11-autorow">
+                <main role="main" class="site-main">
                   {{ page.content_above }}
                   {{ page.content }}
                 </main>

core/themes/olivero/templates/layout/region--breadcrumb.html.twig

@@ -19,7 +19,6 @@
     'region--' ~ region|clean_class,
     'grid-full',
     'layout--pass--content-medium',
-    'ie11-autorow',
   ]
 %}
 

core/themes/olivero/templates/layout/region--content-above.html.twig

@@ -19,7 +19,6 @@
     'region--' ~ region|clean_class,
     'grid-full',
     'layout--pass--content-medium',
-    'ie11-autorow',
   ]
 %}
 

core/themes/olivero/templates/layout/region--content.html.twig

@@ -19,7 +19,6 @@
     'region--' ~ region|clean_class,
     'grid-full',
     'layout--pass--content-medium',
-    'ie11-autorow',
   ]
 %}
 

core/themes/olivero/templates/layout/region--footer-bottom.html.twig

@@ -19,7 +19,6 @@
     'region--' ~ region|clean_class,
     'grid-full',
     'layout--pass--content-medium',
-    'ie11-autorow',
   ]
 %}
 

core/themes/olivero/templates/layout/region--footer-top.html.twig

@@ -19,7 +19,6 @@
     'region--' ~ region|clean_class,
     'grid-full',
     'layout--pass--content-medium',
-    'ie11-autorow',
   ]
 %}
 

core/themes/olivero/templates/layout/region--highlighted.html.twig

@@ -19,7 +19,6 @@
     'region--' ~ region|clean_class,
     'grid-full',
     'layout--pass--content-medium',
-    'ie11-autorow',
   ]
 %}
 

core/themes/olivero/templates/maintenance-page.html.twig

@@ -39,12 +39,12 @@
           <div class="main-content__container container">
             {{ page.highlighted }}
             <main role="main">
-              <div class="region region--content-above grid-full layout--pass--content-medium ie11-autorow">
+              <div class="region region--content-above grid-full layout--pass--content-medium">
                 {% if title %}
                   <h1 class="title" id="page-title">{{ title }}</h1>
                 {% endif %}
               </div>
-              <div class="region region--content grid-full layout--pass--content-medium ie11-autorow" id="content">
+              <div class="region region--content grid-full layout--pass--content-medium" id="content">
                 <div id="block-olivero-content" class="block block-system block-system-main-block text-content">
                   {{ page.content }}
 

core/themes/olivero/templates/views/views-view--frontpage.html.twig

@@ -41,7 +41,6 @@
     'view-display-id-' ~ display_id,
     'grid-full',
     'layout--pass--content-narrow',
-    'ie11-autorow',
   ]
 %}
 <div{{ attributes.addClass(classes) }}>