Verified Commit 5b744138 authored by godotislate's avatar godotislate
Browse files

refactor: #3514748 Remove legacy browser support from js.module.css

By: catch
By: nod_
By: lendude
By: godotislate
By: bernardm28
By: markconroy
By: jwilson3
(cherry picked from commit b7156dd5)
parent 05f04511
Loading
Loading
Loading
Loading
Loading
+4 −23
Original line number Diff line number Diff line
@@ -3,33 +3,14 @@
 * Utility classes to assist with JavaScript functionality.
 */

/**
 * For anything you want to hide on page load when JS is enabled, so
 * that you can use the JS to control visibility and avoid flicker.
 */
.js .js-hide {
  display: none;
}

/**
 * For anything you want to show on page load only when JS is enabled.
 */
@media (scripting: none) {
  .js-show {
  display: none;
    display: none !important;
  }
.js .js-show {
  display: block;
}

/**
 * Use the scripting media features for modern browsers to reduce layout shifts.
 */
@media (scripting: enabled) {
  /* Extra specificity to override previous selector. */
  .js-hide.js-hide {
    display: none;
  }
  .js-show {
    display: block;
  .js-hide {
    display: none !important;
  }
}
+1 −1
Original line number Diff line number Diff line
@@ -237,7 +237,7 @@ protected function testAnonymous(): void {
        ['config:user.role.anonymous'],
      ],
      'StylesheetCount' => 1,
      'StylesheetBytes' => 1500,
      'StylesheetBytes' => 1000,
    ];
    $this->assertMetrics($expected, $performance_data);