More actions
m (BakiDance moved page Template:Home/prevblog/styles.css to Template:Home/PrevBlog/styles.css without leaving a redirect) |
mNo edit summary |
||
| Line 3: | Line 3: | ||
* Super hacky way to get transclusion and hover works | * Super hacky way to get transclusion and hover works | ||
**/ | **/ | ||
#home-card- | #home-card-prevblogs .wikitable { | ||
display: block; | display: block; | ||
overflow: visible; | overflow: visible; | ||
} | } | ||
#home-card- | #home-card-prevblogs .wikitable tbody { | ||
display: block; | display: block; | ||
} | } | ||
#home-card- | #home-card-prevblogs .wikitable th { | ||
display: none; | display: none; | ||
} | } | ||
#home-card- | #home-card-prevblogs .wikitable tr { | ||
position: relative; | position: relative; | ||
display: flex; | display: flex; | ||
} | } | ||
#home-card- | #home-card-prevblogs .wikitable tr > td:first-child { | ||
width: 100%; | width: 100%; | ||
} | } | ||
#home-card- | #home-card-prevblogs .wikitable tr > td:first-child:hover ~ td { | ||
visibility: visible; | visibility: visible; | ||
} | } | ||
#home-card- | #home-card-prevblogs .wikitable tr > td:last-child { | ||
position: absolute; | position: absolute; | ||
z-index: 2; | z-index: 2; | ||
| Line 42: | Line 42: | ||
} | } | ||
#home-card- | #home-card-prevblogs .wikitable tr > td:last-child .thumb { | ||
width: 100%; | width: 100%; | ||
margin: 0; | margin: 0; | ||
margin-bottom: 0.5rem; | margin-bottom: 0.5rem; | ||
} | } | ||
Revision as of 05:10, 9 February 2023
/**
* EXTREMELY HACKY
* Super hacky way to get transclusion and hover works
**/
#home-card-prevblogs .wikitable {
display: block;
overflow: visible;
}
#home-card-prevblogs .wikitable tbody {
display: block;
}
#home-card-prevblogs .wikitable th {
display: none;
}
#home-card-prevblogs .wikitable tr {
position: relative;
display: flex;
}
#home-card-prevblogs .wikitable tr > td:first-child {
width: 100%;
}
#home-card-prevblogs .wikitable tr > td:first-child:hover ~ td {
visibility: visible;
}
#home-card-prevblogs .wikitable tr > td:last-child {
position: absolute;
z-index: 2;
bottom: 100%;
padding: 15px var( --padding-page );
margin-bottom: 10px;
background: var( --color-surface-1 );
border-radius: var( --border-radius--medium );
box-shadow: var( --box-shadow-dialog );
user-select: none;
visibility: hidden;
}
#home-card-prevblogs .wikitable tr > td:last-child .thumb {
width: 100%;
margin: 0;
margin-bottom: 0.5rem;
}