No edit summary |
No edit summary |
||
Line 12: | Line 12: | ||
width:35px; | width:35px; | ||
object-fit:cover; | object-fit:cover; | ||
overflow:hidden; | |||
border-radius:5px; | border-radius:5px; | ||
transform:scale(1); /* cancels | padding:0; | ||
margin:0; | |||
transition: filter 0.4s; | |||
z-index:-1; | |||
filter:grayscale(1); | |||
transform:scale(1); /* cancels any scale-in effect that may apply*/ | |||
} | } | ||
.library-card-mini img:hover{ | .library-card-mini img:hover{ | ||
filter:grayscale(0.3); | |||
} | } | ||
Revision as of 14:13, 17 September 2023
.library-card-mini-content{
display: inline-grid;
grid-template-columns: 45px 155px;
grid-template-rows: 1fr;
height:75px;
overflow:hidden; /* you get three lines of text, no more */
align-items:center;
}
.library-card-mini img{
height:35px;
width:35px;
object-fit:cover;
overflow:hidden;
border-radius:5px;
padding:0;
margin:0;
transition: filter 0.4s;
z-index:-1;
filter:grayscale(1);
transform:scale(1); /* cancels any scale-in effect that may apply*/
}
.library-card-mini img:hover{
filter:grayscale(0.3);
}
.library-card-mini-text{
grid-column-start:2;
grid-column-end:3;
}
.library-card-mini-title{
height:0;
width:0;
position:relative;
}
.library-card-mini-TOC{
position: absolute;
width: 0;
height: 0;
overflow: hidden;
visibility: hidden;
}