Fix video aspect-ratio for embeds

ronilaukkarinen · Feb 10, 2024 · b0be998 · b0be998
1 parent 64c1429
commit b0be998
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,4 +1,4 @@
-### 2.0.0rc13: 2024-02-10
+### 2.0.0rc14: 2024-02-10
 
 * Prepare for 4.3.0 release with SVG icons
 * Add icon support for new SVG icons, replace icons for Home, Notifications, Explore, Live feeds, Private mentions, bookmarks, Favorites, Preferences and Lists
@@ -41,6 +41,7 @@
 * Add WordPress profile icon
 * Add Friendica profile icon #101 (thanks @expertmanofficial!)
 * Add an icon for genderless pronouns #101
+* Fix video aspect-ratio for embeds
 
 ### 1.8.3: 2023-11-12
 

diff --git a/layout-single-column.css b/layout-single-column.css
@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @rolle@mementomori.social
-   2.0.0rc13 */
+   2.0.0rc14 */
 
 /* CSS variables */
 :root {
@@ -1572,6 +1572,11 @@ body.embed .video-player,
   width: unset !important;
 }
 
+body.embed [data-component="Video"] ~ div {
+  /* stylelint-disable-next-line */
+  aspect-ratio: unset !important;
+}
+
 body.embed .spoiler-button + .media-gallery__item > .media-gallery__preview,
 .layout-single-column .spoiler-button + .media-gallery__item > .media-gallery__preview {
   /* stylelint-disable-next-line */

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mastodon-bird-ui",
-  "version": "2.0.0rc13",
+  "version": "2.0.0rc14",
   "description": "",
   "main": "index.js",
   "scripts": {