Hide splitter handle and apply new width to metrics splitter (dotnet#…

…1506)
eerhardt · Jan 9, 2024 · 34f726d · 34f726d
1 parent 2df391f
commit 34f726d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/Aspire.Dashboard/Components/Pages/Metrics.razor b/src/Aspire.Dashboard/Components/Pages/Metrics.razor
@@ -32,7 +32,7 @@
     <div class="page-content-area">
         @if (ViewModel.Instruments?.Count > 0)
         {
-            <FluentSplitter Style="height:100%" Panel1Size="2fr" Panel2Size="8fr">
+            <FluentSplitter Style="height:100%" Panel1Size="2fr" Panel2Size="8fr" BarSize="5">
                 <Panel1>
                     <FluentTreeView Class="metrics-tree" @bind-CurrentSelected="ViewModel.SelectedTreeItem" @bind-CurrentSelected:after="HandleSelectedTreeItemChangedAsync">
                         <ChildContent>

diff --git a/src/Aspire.Dashboard/wwwroot/css/app.css b/src/Aspire.Dashboard/wwwroot/css/app.css
@@ -196,3 +196,7 @@ fluent-data-grid-cell .long-inner-content {
     vertical-align: text-bottom;
     margin-right: 3px;
 }
+
+split-panels::part(handle) {
+    display: none;
+}