From 35369f739474879653603064cb0bb51b771b29e2 Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Mon, 9 Jun 2025 15:30:55 +0900
Subject: [PATCH] [Update/bugfix] Notification UI: Expand max width for
 readability. Line breaks now follow newline characters correctly. Fixed the
 bug that was success progress bar was not set properly.

---
 src-ui/app/_index_css/variables.css                            | 2 +-
 src-ui/app/snackbar_controller/ReactToastifyOverrideClass.scss | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src-ui/app/_index_css/variables.css b/src-ui/app/_index_css/variables.css
index 97a43d1c..a5579afc 100644
--- a/src-ui/app/_index_css/variables.css
+++ b/src-ui/app/_index_css/variables.css
@@ -24,7 +24,7 @@
 
     --error_bc_color: #bb4448;
     --error_bc_active_color: #9c3938;
-    --success_bc_color: --primary_600_color;
+    --success_bc_color: var(--primary_600_color);
     --warning_color: #cb944f;
     --warning_bc_color: #cf7b1b;
 
diff --git a/src-ui/app/snackbar_controller/ReactToastifyOverrideClass.scss b/src-ui/app/snackbar_controller/ReactToastifyOverrideClass.scss
index 75ad8e19..640a2116 100644
--- a/src-ui/app/snackbar_controller/ReactToastifyOverrideClass.scss
+++ b/src-ui/app/snackbar_controller/ReactToastifyOverrideClass.scss
@@ -81,10 +81,11 @@
     align-items: center;
     font-size: 1.4rem;
     width: fit-content;
-    max-width: 50vw;
+    max-width: 70vw;
     padding-right: 4rem;
     background-color: var(--dark_950_color);
     gap: 0.6rem;
+    white-space: pre-wrap;
 }
 
 .Toastify__progress-bar--wrp {