iTwin / appui

Monorepo for iTwin.js AppUi
MIT License
8 stars 2 forks source link

No padding for Selection Count right side when NOT on far right of status bar #978

Closed wilmaier closed 2 months ago

wilmaier commented 2 months ago

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: image

Suggested fix: image

Desktop (please complete the applicable information)

No response

Additional context

No response

ignas-k commented 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:

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.