Fixing text ellipsis

laszlocph · laszlocph · commit 7f14eb4acd4e · 2024-02-08T13:03:58.000+01:00
diff --git a/web/src/ReadyWidget.jsx b/web/src/ReadyWidget.jsx
@@ -49,14 +49,14 @@ export function ReadyWidget(props) {
         }
       </div>
       {displayMessage && readyCondition &&
-        <div className={`block ${messageColor}`}>
+        <div className={`${messageColor}`}>
           {reconciling &&
-            <p>{reconcilingCondition.message}</p>
+            <span title={reconcilingCondition.message}>{reconcilingCondition.message}</span>
           }
           {dependencyNotReady &&
-            <p>Dependency not ready</p>
+            <span>Dependency not ready</span>
           }
-          <p>{readyCondition.message}</p>
+          <span title={readyCondition.message}>{readyCondition.message}</span>
         </div>
       }
     </div>

Original file line number	Diff line number	Diff line change
`@@ -49,14 +49,14 @@ export function ReadyWidget(props) {`
`49`	`49`	`}`
`50`	`50`	`</div>`
`51`	`51`	`{displayMessage && readyCondition &&`
`52`		- <div className={`block ${messageColor}`}>
	`52`	+ <div className={`${messageColor}`}>
`53`	`53`	`{reconciling &&`
`54`		`- <p>{reconcilingCondition.message}</p>`
	`54`	`+ <span title={reconcilingCondition.message}>{reconcilingCondition.message}</span>`
`55`	`55`	`}`
`56`	`56`	`{dependencyNotReady &&`
`57`		`- <p>Dependency not ready</p>`
	`57`	`+ <span>Dependency not ready</span>`
`58`	`58`	`}`
`59`		`- <p>{readyCondition.message}</p>`
	`59`	`+ <span title={readyCondition.message}>{readyCondition.message}</span>`
`60`	`60`	`</div>`
`61`	`61`	`}`
`62`	`62`	`</div>`