CSS: Fix thumbnails' aspect ratio to prevent CLS (#4278)

Force the thumbnails aspect ratio to 16/9 in order to prevent Cumulative Layout
Shifting (CLS) from hapenning during lazy loading.

It also fixes the problematic, taller thumbnails that Youtube returns for
playlists.

Closes issue 4002
pull/4431/head
Samantaz Fox 2024-02-12 22:19:14 +01:00
commit 338d3d9f86
Nie znaleziono w bazie danych klucza dla tego podpisu
ID klucza GPG: F42821059186176E
1 zmienionych plików z 1 dodań i 0 usunięć

Wyświetl plik

@ -197,6 +197,7 @@ img.thumbnail {
display: block; /* See: https://stackoverflow.com/a/11635197 */
width: 100%;
object-fit: cover;
aspect-ratio: 16 / 9;
}
.thumbnail-placeholder {