fix calendar-strip hover

This commit is contained in:
isUnknown 2024-09-12 13:05:44 +02:00
parent 988ab96bfb
commit 11bba7b1ff
3 changed files with 45 additions and 39 deletions

View file

@ -5,7 +5,7 @@
width: 100%;
display: flex;
align-items: center;
z-index: 2;
z-index: 4;
}
.calendar-strip__selector {
@ -40,7 +40,7 @@
margin-bottom: 0.2rem;
}
.calendar-strip__day.active span:nth-child(2) {
.calendar-strip__day.active span:nth-child(3) {
text-decoration: underline;
}
@ -66,6 +66,19 @@
max-height: 20rem;
}
.calendar-strip .session {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr 0.5fr 1.5fr 1.5fr;
padding: var(--padding-vertical) var(--space-m);
}
.calendar-strip .session__event-link {
position: absolute;
inset: 0;
z-index: 1;
}
@media screen and (max-width: 800px) {
.calendar-strip {
margin-top: 2rem;

View file

@ -138,12 +138,6 @@
border-bottom: var(--border);
}
.session__event-link {
display: grid;
grid-template-columns: 1fr 1fr 0.5fr 1.5fr 1.5fr;
padding: var(--padding-vertical) var(--space-m);
}
.session:hover {
background-color: var(--color);
}