Fixes to heart icon on servers that have numbers enabled

ronilaukkarinen · Oct 8, 2024 · 4777b16 · 4777b16
1 parent 0a9a597
commit 4777b16
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,7 @@
+### 2.0.1: 2024-10-08
+
+* Fixes to heart icon on servers that have numbers enabled
+
 ### 2.0.0: 2024-10-08
 
 * Fixes to heart animation

diff --git a/layout-multiple-columns.css b/layout-multiple-columns.css
@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   2.0.0 */
+   2.0.1 */
 
 /* CSS variables */
 :root {

diff --git a/layout-single-column.css b/layout-single-column.css
@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   2.0.0 */
+   2.0.1 */
 
 /* CSS variables */
 :root {
@@ -4733,13 +4733,32 @@ div[tabindex="-1"] + div[tabindex="-1"] > .status__wrapper > .status-reply.statu
 
 /* stylelint-disable-next-line */
 .layout-single-column.no-reduce-motion .status .icon-button.star-icon.activate .icon-star {
-  left: -28px;
+  left: -37px;
+}
+
+/* If number enabled in core */
+/* stylelint-disable-next-line */
+/* If number enabled in core */
+/* stylelint-disable-next-line */
+.layout-single-column.no-reduce-motion .status .icon-button.icon-button--with-counter.star-icon .icon-star {
+  left: 0;
   margin-top: 1px;
+  position: absolute;
 }
 
 /* stylelint-disable-next-line */
 .layout-single-column.no-reduce-motion .status .icon-button.icon-button--with-counter.star-icon.activate .icon-star {
-  left: -37px;
+  left: -40px;
+  margin-top: -1px;
+  position: absolute;
+}
+
+.star-icon.icon-button--with-counter .icon-button__counter {
+  margin-left: 20px;
+}
+
+.animated-number {
+  z-index: 99;
 }
 
 /* stylelint-disable-next-line */

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mastodon-bird-ui",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "",
   "main": "index.js",
   "scripts": {