edb/neuf-www
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix overlay on upcoming events

Browse Source
This commit is contained in:
elise
2024-08-04 18:13:24 +02:00
parent 5c6f4b778b
commit 59757d16a7
1 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
web/src/components/events/upcomingEvents.module.scss
View File

@ -6,9 +6,27 @@
position: relative; position: relative;
overflow-x: hidden; overflow-x: hidden;
header {
position: relative;
z-index: 10;
}
h2 { h2 {
margin-bottom: var(--spacing-xs); margin-bottom: var(--spacing-xs);
} }
&:after {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 40%;
height: 100%;
z-index: 1;
background: linear-gradient(90deg, transparent, var(--color-deepBrick));
pointer-events: none;
}
} }
.eventList { .eventList {
@ -17,22 +35,9 @@
list-style: none; list-style: none;
display: flex; display: flex;
width: calc(var(--size-item-width) * 10); width: calc(var(--size-item-width) * 10);
position: relative;
li { li {
padding-right: var(--spacing-s); padding-right: var(--spacing-s);
} }
} }
.calendarLink {
padding: var(--spacing-s) var(--spacing-sitepadding-inline);
text-align: right;
font-family: var(--font-serif);
font-style: italic;
font-size: var(--font-size-lead);
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 40%;
background: linear-gradient(90deg, transparent, var(--color-deepBrick));
}