fix calendar-strip hover
This commit is contained in:
parent
988ab96bfb
commit
11bba7b1ff
3 changed files with 45 additions and 39 deletions
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue