diff --git a/CHANGELOG.md b/CHANGELOG.md index 64097e2..03e4b89 100644 --- a/CHANGELOG.md +++ b/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 diff --git a/layout-multiple-columns.css b/layout-multiple-columns.css index afa6a57..8266acc 100644 --- a/layout-multiple-columns.css +++ b/layout-multiple-columns.css @@ -1,5 +1,5 @@ /* Mastodon Bird UI by @rolle@mementomori.social - 2.0.2 */ + 2.0.3 */ /* CSS variables */ :root { @@ -1659,15 +1659,6 @@ 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; @@ -1675,6 +1666,10 @@ body.embed .detailed-status, 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; diff --git a/layout-single-column.css b/layout-single-column.css index f62395d..ccfde83 100644 --- a/layout-single-column.css +++ b/layout-single-column.css @@ -1,5 +1,5 @@ /* Mastodon Bird UI by @rolle@mementomori.social - 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; diff --git a/package.json b/package.json index f7de134..23e9ddc 100644 --- a/package.json +++ b/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" } -} \ No newline at end of file +}