Skip to content

fix(ui): keep list and dropdown highlights clear of the scrollbar and inside rounded corners #577

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
adnan-bhaldar wants to merge 3 commits into
base: main
Choose a base branch
from
+21 −1
Open

fix(ui): keep list and dropdown highlights clear of the scrollbar and inside rounded corners #577

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
065ca86
fix(ui): keep list and dropdown highlights clear of the scrollbar and…
adnan-bhaldar Oct 25, 2026
86c3576
fix(ui): restore plain button brushes dropped from Soft.axaml
adnan-bhaldar Oct 26, 2026
5dcefdd
fix(ui): keep short dropdowns full width and restore xmlns:x indentation
adnan-bhaldar Oct 26, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 21 additions & 1 deletion src/Filee.App/Styles/Soft.axaml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -236,12 +236,32 @@
<Style Selector="ListBox.soft ListBoxItem">
<Setter Property="CornerRadius" Value="{DynamicResource SoftRadiusSmall}" />
<Setter Property="Padding" Value="10,7" />
<Setter Property="Margin" Value="0,1" />
<!-- 16px on the right is kept free for the scrollbar (it floats over the list and grows on hover), so the
selected / hovered row ends before it. -->
<Setter Property="Margin" Value="0,1,16,1" />
</Style>
<Style Selector="ListBox.soft ListBoxItem:selected /template/ ContentPresenter#PART_ContentPresenter">
<Setter Property="Background" Value="{DynamicResource AccentSoftBrush}" />
</Style>

<!-- ───────── Dropdown lists (ComboBox): rows are rounded and inset, so the selected / hovered row sits inside the
rounded popup instead of poking out of its corners. The popup takes the Softness radius (SoftRadius) and the
rows the smaller one (SoftRadiusSmall), so both follow the Theme page's Softness, down to sharp corners. ───────── -->
<Style Selector="ComboBox /template/ Border#PopupBorder">
<Setter Property="CornerRadius" Value="{DynamicResource SoftRadius}" />
<Setter Property="Padding" Value="6" />
</Style>
<Style Selector="ComboBoxItem">
<Setter Property="CornerRadius" Value="{DynamicResource SoftRadiusSmall}" />
<Setter Property="Margin" Value="0,1" />
</Style>
<!-- The popup's scrollbar takes its own column (only when the list is long enough to need one), so the selected /
hovered row ends before it and a short dropdown keeps its full width. -->
<Style Selector="ComboBox /template/ ScrollViewer">
<Setter Property="AllowAutoHide" Value="False" />
</Style>


<!-- ───────── Page content fade-in (keyframes can't animate RenderTransform, so Margin slides) ───────── -->
<Style Selector="ContentControl.page > :is(Control)">
<Style.Animations>
Expand Down