scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
fix: make hero sticky

Approved-by: Arvid Norlin
This commit is contained in:
Christel Westerberg
2024-03-04 11:07:45 +00:00
parent 41a224c83a 1498309f47
commit d86ac70d4e
2 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/Current/ContentPage/contentPage.module.css
View File

@@ -1,7 +1,8 @@
.wrapper { .wrapper {
position: relative;
background: #f3f2f1; background: #f3f2f1;
display: block; display: block;
padding-bottom: 50px; padding-bottom: 50px;
width: 100%; width: 100%;
z-index: 10; z-index: 10;
} }

10
components/Current/Hero/hero.module.css
View File

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