Truncate too long localized unfollow button text in notifications

CHANGELOG.md

@@ -1,4 +1,4 @@
-### 1.7.8rc9: 2023-09-24
+### 1.7.8: 2023-09-24
 
 * Add profile icons for Ko-fi, Patreon, Paypal and Mastodon
 * Add new profile icons to the advanced web interface
@@ -9,6 +9,7 @@
 * Fix partial globe icon on light theme
 * Fix mention and hashtag color contrast for light theme
 * Fix consistency for --icon-boost-notification-filter-bar
+* Truncate too long localized unfollow button text in notifications in mobile
 
 ### 1.7.7: 2023-09-23
 

layout-multiple-columns.css

@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   1.7.8rc9 */
+   1.7.8 */
 
 /* CSS variables */
 :root {
@@ -1691,6 +1691,18 @@ body.embed .detailed-status__meta .detailed-status__link .fa-retweet,
   white-space: nowrap;
 }
 
+/* Truncate too long unfollow buttons and texts beside it so they don't overlap in notifications */
+@media (max-width: 600px) {
+  .layout-multiple-columns .notification .account__relationship > .button,
+  .layout-multiple-columns .notification__report__actions .button {
+    max-width: 24vw;
+  }
+
+  .layout-multiple-columns .notification__message > span > span {
+    max-width: 50vw;
+  }
+}
+
 .layout-multiple-columns .notification__message > div {
   display: flex;
   justify-content: flex-end;

layout-single-column.css

@@ -1,5 +1,5 @@
 /* Mastodon Bird UI by @[email protected]
-   1.7.8rc9 */
+   1.7.8 */
 
 /* CSS variables */
 :root {
@@ -1698,6 +1698,18 @@ body.embed .detailed-status__meta .detailed-status__link .fa-retweet,
   white-space: nowrap;
 }
 
+/* Truncate too long unfollow buttons and texts beside it so they don't overlap in notifications */
+@media (max-width: 600px) {
+  .layout-single-column .notification .account__relationship > .button,
+  .layout-single-column .notification__report__actions .button {
+    max-width: 24vw;
+  }
+
+  .layout-single-column .notification__message > span > span {
+    max-width: 50vw;
+  }
+}
+
 .layout-single-column .notification__message > div {
   display: flex;
   justify-content: flex-end;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mastodon-bird-ui",
-  "version": "1.7.8rc9",
+  "version": "1.7.8",
   "description": "",
   "main": "index.js",
   "scripts": {