From 622d6574b54d757dfe20dda9ba1e19d320c9bb08 Mon Sep 17 00:00:00 2001 From: Sarah Proper Date: Mon, 31 Oct 2022 22:24:32 -0600 Subject: [PATCH 1/3] if no js show hero slideshow first slide on top --- .../05-components/hero-slideshow/_hero-slideshow.scss | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/services/drupal/web/themes/epa_theme/source/_patterns/05-components/hero-slideshow/_hero-slideshow.scss b/services/drupal/web/themes/epa_theme/source/_patterns/05-components/hero-slideshow/_hero-slideshow.scss index 4e92899065..5cf5686eb0 100644 --- a/services/drupal/web/themes/epa_theme/source/_patterns/05-components/hero-slideshow/_hero-slideshow.scss +++ b/services/drupal/web/themes/epa_theme/source/_patterns/05-components/hero-slideshow/_hero-slideshow.scss @@ -28,6 +28,17 @@ grid-row: 1 / 2; position: relative !important; } + + .no-js & { + &:first-child { + z-index: 1; + } + + &:not(:first-child) { + opacity: 0; + visibility: hidden; + } + } } .hero-slideshow__nav { From 071636d2585a6ced491e86f112e0e42d17d125f1 Mon Sep 17 00:00:00 2001 From: Sarah Proper Date: Thu, 3 Nov 2022 01:10:44 -0600 Subject: [PATCH 2/3] can't click hidden slides --- .../_patterns/05-components/hero-slideshow/_hero-slideshow.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/services/drupal/web/themes/epa_theme/source/_patterns/05-components/hero-slideshow/_hero-slideshow.scss b/services/drupal/web/themes/epa_theme/source/_patterns/05-components/hero-slideshow/_hero-slideshow.scss index 5cf5686eb0..b9c3b5bb41 100644 --- a/services/drupal/web/themes/epa_theme/source/_patterns/05-components/hero-slideshow/_hero-slideshow.scss +++ b/services/drupal/web/themes/epa_theme/source/_patterns/05-components/hero-slideshow/_hero-slideshow.scss @@ -36,6 +36,7 @@ &:not(:first-child) { opacity: 0; + pointer-events: none; visibility: hidden; } } From 6218647c80edda207e129f72a35c521f5c97f5f0 Mon Sep 17 00:00:00 2001 From: Sarah Proper Date: Sat, 5 Nov 2022 16:52:11 -0600 Subject: [PATCH 3/3] display: none --- .../05-components/hero-slideshow/_hero-slideshow.scss | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/services/drupal/web/themes/epa_theme/source/_patterns/05-components/hero-slideshow/_hero-slideshow.scss b/services/drupal/web/themes/epa_theme/source/_patterns/05-components/hero-slideshow/_hero-slideshow.scss index b9c3b5bb41..5b4f5ed43d 100644 --- a/services/drupal/web/themes/epa_theme/source/_patterns/05-components/hero-slideshow/_hero-slideshow.scss +++ b/services/drupal/web/themes/epa_theme/source/_patterns/05-components/hero-slideshow/_hero-slideshow.scss @@ -35,9 +35,7 @@ } &:not(:first-child) { - opacity: 0; - pointer-events: none; - visibility: hidden; + display: none; } } }