Make video thumbnails have certain height before image loading starts…

… to avoid layout shifts (#4723) * * Make video thumbnails have certain height before image loading starts to avoid layout shifts * * Use "fallback to natural aspect ratio" feature of `aspect-ratio`
FreeTubeApp · Mar 1, 2024 · c386841 · c386841
1 parent 4020139
commit c386841
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/renderer/components/ft-list-video/ft-list-video.scss b/src/renderer/components/ft-list-video/ft-list-video.scss
@@ -3,3 +3,8 @@
 .thumbnailLink:hover {
   outline: 3px solid var(--side-nav-hover-color);
 }
+
+.thumbnailImage {
+  // Makes img element sized correctly before image loading starts
+  aspect-ratio: 16/9 auto;
+}