Fix media items

CHANGELOG.md

@@ -1,3 +1,8 @@
+### 2.0.0rc55: 2024-10-05
+
+* Fix broken media gallery in compose form
+* Fix double outline in media items
+
 ### 2.0.0rc54: 2024-09-29
 
 * Improve more icon in mobile when logged out, fix alignment

layout-multiple-columns.css

@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   2.0.0rc54 */
+   2.0.0rc55 */
 
 /* CSS variables */
 :root {

layout-single-column.css

@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   2.0.0rc54 */
+   2.0.0rc55 */
 
 /* CSS variables */
 :root {
@@ -1715,6 +1715,10 @@ body.embed .detailed-status .video-player,
   width: 100% !important;
 }
 
+.layout-single-column .media-gallery__item {
+  outline: 0;
+}
+
 .layout-single-column .media-gallery > .media-gallery__item:nth-of-type(odd),
 .layout-single-column .media-gallery > .media-gallery__item:nth-of-type(odd) > a,
 .layout-single-column .media-gallery__preview:nth-of-type(odd),
@@ -2119,7 +2123,7 @@ body.embed .detailed-status__meta .detailed-status__link .fa-retweet,
 .layout-single-column .status .status__content:has(.status__content__text:empty) + .media-gallery,
 .layout-single-column .detailed-status .status__content:has(.status__content__text:empty) + .audio-player,
 .layout-single-column .detailed-status .status__content:has(.status__content__text:empty) + .video-player,
-.layout-single-column .detailed-status .status__content:has(.status__content__text:empty) + .media-gallery {
+.layout-single-column .detailed-status .status__content:has(.status__content__text:empty) + .media-gallery:not(.compose-form__uploads) {
   margin-top: calc(var(--gap-default) / 2);
 }
 
@@ -3180,6 +3184,11 @@ body.embed .button.logo-button:hover,
   z-index: 4;
 }
 
+body .compose-form .compose-form__uploads {
+  padding-left: 0;
+  padding-right: 0;
+}
+
 /* New compose form buttons from 4.3.0-alpha 2024-01-27 */
 .layout-single-column .compose-form__dropdowns {
   gap: 10px;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mastodon-bird-ui",
-  "version": "2.0.0rc54",
+  "version": "2.0.0rc55",
   "description": "",
   "main": "index.js",
   "scripts": {