F.cortez (обсуждение | вклад) Нет описания правки |
F.cortez (обсуждение | вклад) Нет описания правки |
||
Строка 28: | Строка 28: | ||
opacity: 1; | opacity: 1; | ||
visibility: visible; | visibility: visible; | ||
transform: translateY( | transform: translateY( -10px ); | ||
} | } | ||
Версия от 04:55, 24 июля 2024
/**
* EXTREMELY HACKY
* Super hacky way to get transclusion and hover works
**/
#home-card-latestpatch .wikitable {
display: block;
overflow: visible;
}
#home-card-latestpatch .wikitable tbody {
display: block;
}
#home-card-latestpatch .wikitable th {
display: block;
}
#home-card-latestpatch .wikitable tr {
position: relative;
display: flex;
}
#home-card-latestpatch .wikitable tr > td:first-child {
width: 100%;
}
#home-card-latestpatch .wikitable tr > td:first-child:hover ~ td {
opacity: 1;
visibility: visible;
transform: translateY( -10px );
}
#home-card-latestpatch .wikitable tr > td:last-child {
position: absolute;
z-index: 2;
bottom: 100%;
padding: 0;
background: rgba(23, 32, 38, 1);
border-radius: 8px;
/* box-shadow: var( --box-shadow-dialog ); */
user-select: none;
opacity: 0;
visibility: hidden;
transition: 250ms ease;
transition-property: opacity, transform;
}
#home-card-latestpatch .wikitable tr > td:last-child figure {
float: none;
margin: 0;
width: 100%;
}
#home-card-latestpatch .wikitable tr > td:last-child figure img {
width: 100%;
}
#home-card-latestpatch .wikitable tr > td:last-child figure figcaption {
display: none;
}
#home-card-latestpatch .wikitable tr > td:last-child i {
padding: 1rem;
display: block;
}