Merged in fix/sticky-hero (pull request #55)

fix: make hero sticky Approved-by: Arvid Norlin
2024-03-04 11:07:45 +00:00
parent 41a224c83a 1498309f47
commit d86ac70d4e
2 changed files with 11 additions and 2 deletions
--- a/components/Current/ContentPage/contentPage.module.css
+++ b/components/Current/ContentPage/contentPage.module.css
@@ -1,7 +1,8 @@
 .wrapper {
+  position: relative;
  background: #f3f2f1;
  display: block;
  padding-bottom: 50px;
  width: 100%;
  z-index: 10;
-}
+}
--- a/components/Current/Hero/hero.module.css
+++ b/components/Current/Hero/hero.module.css
@@ -1,5 +1,5 @@
 .wrapper {
-  z-index: 0;
+  z-index: -1;
 }

 .picture {
@@ -24,3 +24,11 @@
    aspect-ratio: auto;
  }
 }
+
+@media screen and (min-width: 950px) {
+  .wrapper {
+    overflow: hidden;
+    position: sticky;
+    top: 0px;
+  }
+}