Add word-break to source-project column (dotnet#440)

kishanAnem · May 15, 2020 · 59c4149 · 59c4149
1 parent aff652e
commit 59c4149
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/Microsoft.Tye.Hosting/Dashboard/Pages/Index.razor b/src/Microsoft.Tye.Hosting/Dashboard/Pages/Index.razor
@@ -3,7 +3,7 @@
 @implements IDisposable
 
 <h1>Services</h1>
-<table class="table">
+<table class="table service-table">
     <thead>
         <tr>
             <th>Name</th>
@@ -25,7 +25,7 @@
                 <td>
                     @service.ServiceType
                 </td>
-                <td>
+                <td class="source-project">
                     @if (service.Description.RunInfo is ProjectRunInfo project)
                     {
                         <p>@project.ProjectFile.FullName</p>

diff --git a/src/Microsoft.Tye.Hosting/wwwroot/css/site.css b/src/Microsoft.Tye.Hosting/wwwroot/css/site.css
@@ -126,6 +126,11 @@ button.navbar-toggler:hover {
     padding-top: 1.1rem;
 }
 
+.content .service-table .source-project {
+    word-break: break-all;
+    min-width: 250px;
+}
+
 .navbar-toggler {
     background-color: rgba(255, 255, 255, 0.1);
 }