diff --git a/CHANGELOG.md b/CHANGELOG.md index 70e8d97..3516b6e 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,7 @@ +### 2.1.0: 2024-12-15 + +* Fix star icon active position in single column mode + ### 2.0.9: 2024-12-09 * Fix embed media gallery proportions diff --git a/layout-multiple-columns.css b/layout-multiple-columns.css index fc4ccca..e717714 100644 --- a/layout-multiple-columns.css +++ b/layout-multiple-columns.css @@ -1,5 +1,5 @@ /* Mastodon Bird UI by @rolle@mementomori.social - 2.0.9 */ + 2.1.0 */ /* CSS variables */ :root { @@ -4528,17 +4528,18 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu .layout-multiple-columns .detailed-status__action-bar button.icon-button.star-icon.icon-button--with-counter.star-icon.activate::after, .layout-multiple-columns .status__action-bar button.icon-button.icon-button--with-counter.star-icon.activate.star-icon::after { - left: calc(50% - 8px) !important; + left: calc(50% - 12px) !important; top: calc(50% + -1px) !important; } .layout-multiple-columns .detailed-status__action-bar button.icon-button.icon-button--with-counter.activate.star-icon::before, .layout-multiple-columns .status__action-bar button.icon-button.icon-button--with-counter.activate.star-icon::before { - left: calc(50% - 8px) !important; + left: calc(50% - 12px) !important; } .layout-multiple-columns button.icon-button.icon-button--with-counter.activate.star-icon > .icon-star { - left: 0 !important; + left: -40px !important; + margin-top: 0 !important; position: absolute !important; top: unset !important; } diff --git a/layout-single-column.css b/layout-single-column.css index 5952caa..df0ef2d 100644 --- a/layout-single-column.css +++ b/layout-single-column.css @@ -1,5 +1,5 @@ /* Mastodon Bird UI by @rolle@mementomori.social - 2.0.9 */ + 2.1.0 */ /* CSS variables */ :root { @@ -4957,17 +4957,18 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu .layout-single-column .detailed-status__action-bar button.icon-button.star-icon.icon-button--with-counter.star-icon.activate::after, .layout-single-column .status__action-bar button.icon-button.icon-button--with-counter.star-icon.activate.star-icon::after { - left: calc(50% - 8px) !important; + left: calc(50% - 12px) !important; top: calc(50% + -1px) !important; } .layout-single-column .detailed-status__action-bar button.icon-button.icon-button--with-counter.activate.star-icon::before, .layout-single-column .status__action-bar button.icon-button.icon-button--with-counter.activate.star-icon::before { - left: calc(50% - 8px) !important; + left: calc(50% - 12px) !important; } .layout-single-column button.icon-button.icon-button--with-counter.activate.star-icon > .icon-star { - left: 0 !important; + left: -40px !important; + margin-top: 0 !important; position: absolute !important; top: unset !important; } diff --git a/package.json b/package.json index f6ae9ea..1551c7c 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "mastodon-bird-ui", - "version": "2.0.9", + "version": "2.1.0", "description": "", "main": "index.js", "scripts": {