Commit f3b89549 authored by catch's avatar catch
Browse files

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

Issue #3262135 by kostyashupenko, longwave, Spokje, arunkumark, immaculatexavier: Olivero: Removal of the ie11-autorow CSS class
parent c918ca95
Loading
Loading
Loading
Loading
+0 −1
Changes for core/misc/cspell/dictionary.txt: 0 added lines, 1 removed line.
Original line number Diff line number Diff line
@@ -75,7 +75,6 @@ autop
autoplace
autoplay
autoreply
autorow
autosave
autosubmit
autowire
+0 −72
Changes for core/themes/olivero/css/base/utility.css: 0 added lines, 72 removed lines.
Original line number Diff line number Diff line
/*
 * 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;
  }
+0 −55
Changes for core/themes/olivero/css/base/utility.pcss.css: 0 added lines, 55 removed lines.
Original line number Diff line number Diff line
/**
 * @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;
  }
}
+0 −1
Changes for core/themes/olivero/olivero.libraries.yml: 0 added lines, 1 removed line.
Original line number Diff line number Diff line
@@ -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: {}
+0 −1
Changes for core/themes/olivero/templates/content/node.html.twig: 0 added lines, 1 removed line.
Original line number Diff line number Diff line
@@ -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',
Loading