2025-08-14, 09:50 PM
(This post was last modified: 2025-08-14, 09:51 PM by SethBacon. Edited 1 time in total.)
Hey I can address other tips in an update next week but if you just want the pop-out focusing on items this will work if you paste it in your custom CSS box.
/* How fast the grow happens */
.cardBox {
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
/* How big */
.itemsContainer > .card > .cardBox:hover {
transform: scale(1.05) !important;
}
/* Shadow */
.itemsContainer > .card > .cardBox:hover .cardImageContainer {
box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5) !important;
}
/* Let cards grow outside their normal bounds on hover */
.itemsContainer,
.itemsContainer > .card,
.itemsContainer > .card > .cardBox {
overflow: visible !important;
}
.emby-scroller {
overflow: visible !important;
}
The re-flowed media item page locking some aspects to the left side vs right is actually most of the rest of the code, it would be trickier to extract it.
/* How fast the grow happens */
.cardBox {
transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
/* How big */
.itemsContainer > .card > .cardBox:hover {
transform: scale(1.05) !important;
}
/* Shadow */
.itemsContainer > .card > .cardBox:hover .cardImageContainer {
box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.5) !important;
}
/* Let cards grow outside their normal bounds on hover */
.itemsContainer,
.itemsContainer > .card,
.itemsContainer > .card > .cardBox {
overflow: visible !important;
}
.emby-scroller {
overflow: visible !important;
}
The re-flowed media item page locking some aspects to the left side vs right is actually most of the rest of the code, it would be trickier to extract it.