(texera) branch main updated: fix(gui): keep words complete in the workspace' comment boxes (#3597)

[linxinyuan]

This is an automated email from the ASF dual-hosted git repository.

linxinyuan pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/texera.git


The following commit(s) were added to refs/heads/main by this push:
     new 625a9afa36 fix(gui): keep words complete in the workspace' comment 
boxes (#3597)
625a9afa36 is described below

commit 625a9afa36c094318dc532dd8f4f9354117af18b
Author: colinthebomb1 <colin...@uci.edu>
AuthorDate: Sun Oct 5 17:47:53 2025 -0700

    fix(gui): keep words complete in the workspace' comment boxes (#3597)
    
    ### Purpose
    This PR fixes an issue with text wrapping in workflow comments, where
    words would be broken up between sentences reducing readability
    
    closes #3595
    
    ### Changes
    - Editited css in `nz-modal-comment-box.component.scss` to fix wrapping
    
    ### Before:
    <img width="565" height="434" alt="Screenshot (229)"
    
src="https://github.com/user-attachments/assets/e05d44b5-c11d-45a8-88ed-a60d5bd48776";
    />
    
    ### After:
    <img width="530" height="433" alt="Screenshot (230)"
    
src="https://github.com/user-attachments/assets/970a8aa7-54d6-41ba-a774-0fb47b93db52";
    />
    
    Co-authored-by: Xinyuan Lin <xinyu...@uci.edu>
---
 .../comment-box-modal/nz-modal-comment-box.component.scss            | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git 
a/core/gui/src/app/workspace/component/workflow-editor/comment-box-modal/nz-modal-comment-box.component.scss
 
b/core/gui/src/app/workspace/component/workflow-editor/comment-box-modal/nz-modal-comment-box.component.scss
index de481da276..2479930409 100644
--- 
a/core/gui/src/app/workspace/component/workflow-editor/comment-box-modal/nz-modal-comment-box.component.scss
+++ 
b/core/gui/src/app/workspace/component/workflow-editor/comment-box-modal/nz-modal-comment-box.component.scss
@@ -24,8 +24,11 @@
   width: 100%;
 
   p {
-    word-break: break-all;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+    word-break: normal;
     white-space: normal;
+    hyphens: auto;
   }
 }