Closed wilmaier closed 2 months ago
This is a bit of an edge case because the selection count is in 6 digits and you're using a separator (which removes the padding between different status bar fields) after it. Despite that I still believe this request is valid so we will release a fix in the next minor/patch. However, for the future please note two things:
className
or style
props to it. Using selectors to target our classNames is not a good solution.This is not meant to discourage you from coming to us with issues like these because we really appreciate that (because it may solve issues for other consumers). This is only meant to inform you how to use our APIs and components better in unique/individual cases.
Describe the bug
As of appui 4.16.1, the selection count padding contains a fix which adds padding when it is the rightmost item on the status bar. However, if it is in the middle somewhere, there is no padding added after the fixed min-width (5 digits) as shown below in screen capture.
To Reproduce
Open any iModel and select more than 10000 elements. Note that the status bar selection count field shows the count with no padding on right side
Expected Behavior
Added this workaround which produces a good result (shown in second screenshot below):
.uifw-statusFields-selectionCount { padding-right: var(--iui-size-xs) !important; }
Screenshots
Issue:
Suggested fix:
Desktop (please complete the applicable information)
No response
Additional context
No response