Movies & TV: arrows and drag to slide rows (no scrollbar needed), Trailer button (Plex extras, else a YouTube search)
build-container / build (push) Successful in 11m18s
build-container / build (push) Successful in 11m18s
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
1 parent
d598501393
commit
7198efaccd
5 files changed
+46
-2
No files matched your search
@@ -801,3 +801,10 @@ kbd { display: inline-block; padding: 1px 7px; border: 1px solid var(--line); bo
|
||||
.vrow > .vcard:not(.wide) { flex: none; width: 130px; }
|
||||
@media (min-width: 768px) { .vrow > .vcard:not(.wide) { width: 150px; } }
|
||||
.vrow > .vcard:not(.wide) .vimg { aspect-ratio: 2/3; }
|
||||
/* sideways rows: arrows and drag */
|
||||
.vslide { position: relative; }
|
||||
.vrow { scrollbar-width: none; } .vrow::-webkit-scrollbar { display: none; }
|
||||
.vrow.drag { cursor: grabbing; user-select: none; scroll-snap-type: none; } .vrow.drag * { pointer-events: none; }
|
||||
.vsl { position: absolute; top: 28%; z-index: 4; width: 38px; height: 38px; min-height: 0; padding: 0; border-radius: 50%; border: 1px solid var(--line); background: color-mix(in srgb, var(--panel) 92%, transparent); color: var(--text); font-size: 24px; line-height: 1; display: grid; place-items: center; cursor: pointer; box-shadow: 0 4px 14px rgba(0, 0, 0, .3); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); }
|
||||
.vsl[hidden] { display: none; } .vsl.l { left: -6px; } .vsl.r { right: -6px; }
|
||||
@media (hover: none) { .vsl { display: none; } }
|
||||
Reference in new issue
Block a user