Fix text wrapping in the Imported Source dialog (#3668)

* Only apply `break-all` to the source name * Address feedback
rilldata · Dec 9, 2023 · 7c667ed · 7c667ed · github-actions · Dec 9, 2023
1 parent 6f65124
commit 7c667ed
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/web-common/src/features/sources/modal/SourceImportedModal.svelte b/web-common/src/features/sources/modal/SourceImportedModal.svelte
@@ -34,13 +34,15 @@
     <div class="w-6 m-auto ml-0 mr-0">
       <CheckCircleNew className="fill-blue-500" size="24px" />
     </div>
-    <div class="break-all">
-      Source "{$sourceImportedName}" imported successfully.
-    </div>
+    <div>Source imported successfully</div>
   </div>
   <div class="flex flex-auto gap-x-2.5" slot="body">
     <div class="w-6" />
-    <div class="text-slate-500">What would you like to do next?</div>
+    <div class="text-slate-500">
+      <span class="font-mono text-slate-800 break-all"
+        >{$sourceImportedName}</span
+      > has been ingested. What would you like to do next?
+    </div>
   </div>
   <div class="flex flex-row-reverse gap-x-2 mt-4" slot="footer">
     <Button on:click={autoGenerateDashboard} type="primary"