Make abbreviations show up on mobile

This commit is contained in:
Quantum 2023-04-24 01:00:48 -04:00
parent 63a01eab62
commit f206cf32fb

View file

@ -166,3 +166,23 @@
.Calendar-today-button {
max-width: 5em;
}
@media (pointer: coarse), (hover: none) {
.DayDetail-gregorian abbr {
position: relative;
display: inline-flex;
justify-content: center;
text-decoration: underline dashed;
&:focus::after {
content: attr(title);
position: absolute;
top: 90%;
color: #000;
background-color: #fff;
border: 1px solid;
width: fit-content;
padding: 3px;
}
}
}