Fix aspect-ratio for some videos in mastodon v4.1.5-nightly-2023-07-26

CHANGELOG.md

@@ -1,4 +1,4 @@
-### 1.6.7rc4-nightly: 2023-07-26
+### 1.6.7-nightly: 2023-07-26
 
 * Add support for mastodon 4.1.5+nightly-2023-07-25
 * Add font-weights as CSS variables
@@ -8,6 +8,7 @@
 * Fix changed class for .status-card__image
 * Add color for empty preview card
 * Fix bottom border radius on status card preview cards
+* Fix aspect-ratio for some videos in mastodon v4.1.5-nightly-2023-07-26
 
 ### 1.6.6-nightly: 2023-07-25
 

layout-multiple-columns.css

@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   1.6.7rc4-nightly */
+   1.6.7-nightly */
 
 /* CSS variables */
 :root {
@@ -1374,6 +1374,14 @@ body.embed .detailed-status,
   width: calc(100% - calc(var(--size-avatar) + var(--gap-default))) !important;
 }
 
+/* Fix aspect-ratio for some videos in mastodon v4.1.5-nightly-2023-07-26 */
+.layout-multiple-columns div[style*='aspect-ratio']:has(.video-player):not([class]) {
+
+  /* It's inlined so we have to use !important */
+  /* stylelint-disable-next-line */
+  aspect-ratio: unset !important;
+}
+
 .layout-multiple-columns .status .status-card {
   margin-left: calc(var(--size-avatar) + var(--gap-default));
 }

layout-single-column.css

@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   1.6.7rc4-nightly */
+   1.6.7-nightly */
 
 /* CSS variables */
 :root {
@@ -1373,6 +1373,14 @@ body.embed .detailed-status,
   width: calc(100% - calc(var(--size-avatar) + var(--gap-default))) !important;
 }
 
+/* Fix aspect-ratio for some videos in mastodon v4.1.5-nightly-2023-07-26 */
+.layout-single-column div[style*='aspect-ratio']:has(.video-player):not([class]) {
+
+  /* It's inlined so we have to use !important */
+  /* stylelint-disable-next-line */
+  aspect-ratio: unset !important;
+}
+
 .layout-single-column .status .status-card {
   margin-left: calc(var(--size-avatar) + var(--gap-default));
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mastodon-bird-ui",
-  "version": "1.6.7rc4-nightly",
+  "version": "1.6.7-nightly",
   "description": "",
   "main": "index.js",
   "scripts": {