From 421d2c6392ad6ac43375752ef7dfe9ac1876aa33 Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Sun, 10 Sep 2023 16:13:33 -0400
Subject: from last

---
 src/client/views/nodes/LoadingBox.scss | 4 +++-
 src/client/views/nodes/LoadingBox.tsx  | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/client/views/nodes/LoadingBox.scss b/src/client/views/nodes/LoadingBox.scss
index 644a851c1..d7b44f9e2 100644
--- a/src/client/views/nodes/LoadingBox.scss
+++ b/src/client/views/nodes/LoadingBox.scss
@@ -8,7 +8,7 @@
     width: 100%;
     align-items: center;
     .textContainer,
-    .text {
+    .loadingBox-title {
         overflow: hidden;
         text-overflow: ellipsis;
         max-width: 80%;
@@ -17,6 +17,8 @@
         flex-direction: column;
         gap: 8px;
         align-items: center;
+        white-space: normal;
+        word-break: all;
     }
 }
 
diff --git a/src/client/views/nodes/LoadingBox.tsx b/src/client/views/nodes/LoadingBox.tsx
index 58c70bdd7..4a030ff66 100644
--- a/src/client/views/nodes/LoadingBox.tsx
+++ b/src/client/views/nodes/LoadingBox.tsx
@@ -59,9 +59,9 @@ export class LoadingBox extends ViewBoxAnnotatableComponent<FieldViewProps>() {
         return (
             <div className="loadingBoxContainer" style={{ background: !this.rootDoc.loadingError ? '' : 'red' }}>
                 <div className="textContainer">
-                    <span className="text">{StrCast(this.rootDoc.title)}</span>
+                    <span className="loadingBox-title">{StrCast(this.rootDoc.title)}</span>
                     <p className="headerText">{StrCast(this.rootDoc.loadingError, 'Loading ' + (this.progress.replace('[download]', '') || '(can take several minutes)'))}</p>
-                    {this.rootDoc.loadingError ? null : <ReactLoading type={'spinningBubbles'} color={'blue'} height={100} width={100} />}
+                    {this.rootDoc.loadingError ? null : <ReactLoading type="spinningBubbles" color={'blue'} height={100} width={100} />}
                 </div>
             </div>
         );
-- 
cgit v1.2.3-70-g09d2