diff options
| author | bobzel <zzzman@gmail.com> | 2023-09-10 16:13:33 -0400 |
|---|---|---|
| committer | bobzel <zzzman@gmail.com> | 2023-09-10 16:13:33 -0400 |
| commit | 421d2c6392ad6ac43375752ef7dfe9ac1876aa33 (patch) | |
| tree | 3d430cffd559a074387630a6b3f800dce69d63e0 | |
| parent | 85cb819707b50cc4f50b8114f4b7af13d63bc977 (diff) | |
from last
| -rw-r--r-- | src/client/views/nodes/LoadingBox.scss | 4 | ||||
| -rw-r--r-- | src/client/views/nodes/LoadingBox.tsx | 4 |
2 files changed, 5 insertions, 3 deletions
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> ); |