Fix star icon active position in single column mode

ronilaukkarinen · Dec 15, 2024 · 6f305b5 · 6f305b5
1 parent 80bfd7d
commit 6f305b5
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 9 deletions.
diff --git 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
@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   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
@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   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
@@ -1,6 +1,6 @@
 {
   "name": "mastodon-bird-ui",
-  "version": "2.0.9",
+  "version": "2.1.0",
   "description": "",
   "main": "index.js",
   "scripts": {