Skip to content

Commit ef9081c

Browse files
sharpninjaCopilot
andcommitted
Fix tablet layout overflow: use proportional columns, add ClipToBounds
Search result grid columns changed from fixed pixel widths (250,*,100,130) to proportional star widths (3*,4*,2*,2*) to fit within available screen space. Added ClipToBounds on main grid, viewer panel, and adaptive host to prevent content from expanding beyond screen bounds. Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
1 parent 4517ce5 commit ef9081c

2 files changed

Lines changed: 7 additions & 6 deletions

File tree

src/RequestTracker.Android/Views/AdaptiveMainView.axaml

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,5 +11,6 @@
1111

1212
<Panel x:Name="HostPanel"
1313
HorizontalAlignment="Stretch"
14-
VerticalAlignment="Stretch"/>
14+
VerticalAlignment="Stretch"
15+
ClipToBounds="True"/>
1516
</UserControl>

src/RequestTracker.Android/Views/TabletMainView.axaml

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
<conv:FileNodeToArchiveVisibleConverter x:Key="FileNodeToArchiveVisible"/>
2020
</UserControl.Resources>
2121

22-
<Grid x:Name="MainGrid" ColumnDefinitions="225, 4, *" RowDefinitions="*, Auto">
22+
<Grid x:Name="MainGrid" ColumnDefinitions="225, 4, *" RowDefinitions="*, Auto" ClipToBounds="True">
2323
<!-- Tree View -->
2424
<TreeView Grid.Column="0" Grid.Row="0"
2525
ItemsSource="{Binding Nodes}" SelectedItem="{Binding SelectedNode}"
@@ -53,7 +53,7 @@
5353
<GridSplitter Grid.Column="1" Grid.Row="0" ResizeDirection="Columns" Background="LightGray"/>
5454

5555
<!-- Viewer Panel (no chat button for Android) -->
56-
<Grid Grid.Column="2" Grid.Row="0" RowDefinitions="Auto, *">
56+
<Grid Grid.Column="2" Grid.Row="0" RowDefinitions="Auto, *" ClipToBounds="True">
5757
<!-- Navigation Toolbar -->
5858
<Grid Grid.Row="0" ColumnDefinitions="Auto, Auto, Auto, *" Margin="5">
5959
<Button Grid.Column="0" Command="{Binding NavigateBackCommand}" Margin="0,0,5,0" Width="30" ToolTip.Tip="Back">
@@ -93,7 +93,7 @@
9393
<Grid RowDefinitions="Auto, Auto, *">
9494
<TextBlock Grid.Row="0" Text="Search index (double-tap to open)" FontWeight="SemiBold" FontSize="13" Margin="0,0,0,4"/>
9595
<Border Grid.Row="1" BorderBrush="#C0C0C0" BorderThickness="0,0,0,1">
96-
<Grid ColumnDefinitions="250,*,100,130" Margin="4,2">
96+
<Grid ColumnDefinitions="3*,4*,2*,2*" Margin="4,2">
9797
<TextBlock Grid.Column="0" Text="Request ID" FontWeight="SemiBold" FontSize="13" FontFamily="Consolas, Monospace"/>
9898
<TextBlock Grid.Column="1" Text="Display" FontWeight="SemiBold" FontSize="13" FontFamily="Consolas, Monospace"/>
9999
<TextBlock Grid.Column="2" Text="Model" FontWeight="SemiBold" FontSize="13" FontFamily="Consolas, Monospace"/>
@@ -118,9 +118,9 @@
118118
<Binding Path="DataContext.SelectedSearchEntry" ElementName="Root"/>
119119
</MultiBinding>
120120
</Border.Background>
121-
<Grid ColumnDefinitions="250,*,100,130" Margin="4,2">
121+
<Grid ColumnDefinitions="3*,4*,2*,2*" Margin="4,2">
122122
<SelectableTextBlock Grid.Column="0" Text="{Binding RequestId}" FontFamily="Consolas, Monospace" FontSize="13" TextTrimming="CharacterEllipsis"/>
123-
<SelectableTextBlock Grid.Column="1" Text="{Binding DisplayText}" FontFamily="Consolas, Monospace" FontSize="13" TextWrapping="Wrap"/>
123+
<SelectableTextBlock Grid.Column="1" Text="{Binding DisplayText}" FontFamily="Consolas, Monospace" FontSize="13" TextTrimming="CharacterEllipsis"/>
124124
<SelectableTextBlock Grid.Column="2" Text="{Binding Model}" FontFamily="Consolas, Monospace" FontSize="13" TextTrimming="CharacterEllipsis"/>
125125
<SelectableTextBlock Grid.Column="3" Text="{Binding TimestampDisplay}" FontFamily="Consolas, Monospace" FontSize="13" TextTrimming="CharacterEllipsis"/>
126126
</Grid>

0 commit comments

Comments
 (0)