Fix advanced view compose form media attachment

CHANGELOG.md

@@ -1,3 +1,8 @@
+### 2.0.3: 2024-10-10
+
+* Fix advanced view compose form media attachment bug (thanks @CliffWade@allthingstech.social!)
+* Make the media attachment style more seamless
+
 ### 2.0.2: 2024-10-08
 
 * Fix a regression with the content warning text wrapping unintentionally in the advanced view

layout-multiple-columns.css

@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   2.0.2 */
+   2.0.3 */
 
 /* CSS variables */
 :root {
@@ -1659,22 +1659,17 @@ body.embed .detailed-status,
   width: 100% !important;
 }
 
-.layout-multiple-columns .media-gallery__gifv,
-.layout-multiple-columns .detailed-status .audio-player,
-.layout-multiple-columns .detailed-status .media-gallery,
-.layout-multiple-columns .detailed-status .media-gallery__gifv,
-.layout-multiple-columns .detailed-status .media-gallery__preview,
-.layout-multiple-columns .detailed-status .video-player {
-  margin-left: 0;
-}
-
 .layout-multiple-columns .media-gallery__preview {
   /* stylelint-disable-next-line */
   margin-left: 0 !important;
   /* stylelint-disable-next-line */
   width: 100% !important;
 }
 
+.layout-multiple-columns .media-gallery__item {
+  outline: 0;
+}
+
 .layout-multiple-columns .media-gallery > .media-gallery__item:nth-of-type(odd),
 .layout-multiple-columns .media-gallery > .media-gallery__item:nth-of-type(odd) > a,
 .layout-multiple-columns .media-gallery__preview:nth-of-type(odd),
@@ -3058,11 +3053,26 @@ body.embed .button.logo-button:hover,
   z-index: 4;
 }
 
+body .compose-form .compose-form__uploads {
+  margin-left: 0;
+  margin-top: 0;
+  padding-left: 0;
+  padding-right: 0;
+}
+
 /* New compose form buttons from 4.3.0-alpha 2024-01-27 */
 .layout-multiple-columns .compose-form__dropdowns {
   gap: 10px;
 }
 
+.layout-multiple-columns .compose-form .media-gallery__item,
+.layout-multiple-columns .compose-form .compose-form__uploads,
+.layout-multiple-columns .compose-form .media-gallery {
+  border: 0;
+  border-radius: 0;
+  outline: 0;
+}
+
 .layout-multiple-columns .compose-form__dropdowns .dropdown-button.active,
 .layout-multiple-columns .compose-form__dropdowns .dropdown-button {
   background-color: transparent;

layout-single-column.css

@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   2.0.2 */
+   2.0.3 */
 
 /* CSS variables */
 :root {
@@ -3203,6 +3203,14 @@ body .compose-form .compose-form__uploads {
   gap: 10px;
 }
 
+.layout-single-column .compose-form .media-gallery__item,
+.layout-single-column .compose-form .compose-form__uploads,
+.layout-single-column .compose-form .media-gallery {
+  border: 0;
+  border-radius: 0;
+  outline: 0;
+}
+
 .layout-single-column .compose-form__dropdowns .dropdown-button.active,
 .layout-single-column .compose-form__dropdowns .dropdown-button {
   background-color: transparent;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mastodon-bird-ui",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -17,4 +17,4 @@
     "stylelint-config-standard": "^30.0.1",
     "stylelint-order": "^6.0.3"
   }
-}
+}