Repository navigation
fix(ui): keep list and dropdown highlights clear of the scrollbar and inside rounded corners - #577
adnan-bhaldar wants to merge 2 commits into
Conversation
… inside rounded corners
KnifeLemon
left a comment
There was a problem hiding this comment.
Thanks @adnan-bhaldar for splitting this out of #568. The scope is just what we talked about, and the Material You popup keeps its shadow.
CI fails on one test, MaterialYouThemeTests.Plain_buttons_are_the_surface_with_a_border_unlike_a_disabled_box, in the Windows build and both Linux portable jobs; the two "Package on Ubuntu 22.04" jobs fail only because the portable artifacts they need weren't produced. The commit deletes the twelve ButtonBackground* / ButtonBorderBrush* brushes from the Light and Dark dictionaries at the top of Soft.axaml, the ones #524 (#570) added for plain buttons. It looks like an older copy of the file slipped in while editing, so plain buttons went back to Fluent's grey. Please restore that block from main, and the test passes again.
Two small things:
fixes #568in the description points at the closed PR, so it won't link anything useful. "Follow-up to #568" says it better.- Please tick what you ran under "How was it tested?" and add before/after screenshots in the normal look and in Material You: the Presets list with a scrollbar, a long dropdown (Convert to), and a short dropdown without a scrollbar. The short one is where the right margin shows, so I'd like to see how the gap looks there.
|
Thanks for the review, @KnifeLemon and sorry about that. I built the file from an older copy of I've restored all twelve (Light and Dark) from Also done:
Screenshots (UI changes)Normal look
Material You
|
|
Thanks @adnan-bhaldar, Two things left before it can go in:
|












Tip
Start the title with a prefix so the PR is labeled automatically:
feat:fix:docs:ci:build:i18n:Example:
fix(hwp): keep tables when converting to DOCXWhat does this change?
Fixes two places where the selected or hovered row highlight looked wrong. This is the smaller follow-up to the closed scrollbar PR, as suggested in its review. Only
src/Filee.App/Styles/Soft.axamlchanges, and the scrollbar itself is untouched.Follow-up to #568
ListBox.soft, e.g. Presets): the selected or hovered row used to run underneath the floating scrollbar. Each row now keeps 16px free on its right, so the highlight ends before the scrollbar. The scrollbar still behaves as before (thin at rest, wider on hover).ComboBox): the same fix for the dropdown rows, for example "Convert to". The rows are also rounded and inset inside the popup, so the selected or hovered row no longer pokes out of the rounded corners. The popup usesSoftRadiusand the rows useSoftRadiusSmall, so both follow the Softness setting, down to sharp corners.ClipToBounds. The Material YouComboBoxpopup and item styles got the same spacing edit, because they are more specific and would otherwise override it.Side effect: because the rows leave room for the scrollbar, short lists and dropdowns without a scrollbar show a slightly wider gap on the right of the highlight than on the left.
Type of change
How was it tested?
dotnet format --verify-no-changesdotnet testScreenshots (UI changes)
Checklist
src/Filee.App/Assets/i18n/*.jsonfiles (no new strings)THIRD-PARTY-NOTICES.md(none added)