Fix regression with icon button aligning when not focused

ronilaukkarinen · Oct 9, 2023 · 2217330 · 2217330
1 parent b12c9de
commit 2217330
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,7 @@
 * Improve button border colors in ultra accessible theme
 * Do not animate when prefers-reduced-motion is set to reduce, Fixes #95
 * Fix profile button icon not horizontally centered
+* Fix regression with icon button aligning when not focused
 
 ### 1.7.9: 2023-10-04
 

diff --git a/layout-multiple-columns.css b/layout-multiple-columns.css
@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   1.8.0rc3 */
+   1.8.0rc4 */
 
 /* CSS variables */
 :root {
@@ -2566,6 +2566,10 @@ body.embed .button.logo-button,
   justify-content: center;
 }
 
+.layout-multiple-columns .account__header__tabs__buttons .icon-button:not(.active) {
+  align-items: center;
+}
+
 body.embed .button.logo-button:hover,
 .layout-multiple-columns .column-inline-form button:hover,
 .layout-multiple-columns .explore__suggestions .account-card__actions__button button:hover,

diff --git a/layout-single-column.css b/layout-single-column.css
@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   1.8.0rc3 */
+   1.8.0rc4 */
 
 /* CSS variables */
 :root {
@@ -2582,6 +2582,10 @@ body.embed .button.logo-button,
   justify-content: center;
 }
 
+.layout-single-column .account__header__tabs__buttons .icon-button:not(.active) {
+  align-items: center;
+}
+
 body.embed .button.logo-button:hover,
 .layout-single-column .column-inline-form button:hover,
 .layout-single-column .explore__suggestions .account-card__actions__button button:hover,

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