Cleaned up css of StatusBar and main field components. Removed smaller font on smaller screens for these components as well. Added expand indicators to buttons with popovers.
Removed/Cleaned up StatusBar field components. Switched field indicators which were custom AppUI buttons to proper iTwinUI buttons.
Started using iTwinUI Popover instead of AppUI Popup for status bar field components.
Deprecated StatusBar, StatusBarLabelIndicator, StatusBarIndicator. These are very simple components that the user can replicate themselves.
Added StatusBarPopover which is a simple wrapper for iTwinUI Popover but it helps us control the offset of the popover so it will be consistent for all status bar fields.
Added StatusBarPopover.ExpandIndicator which the users can add to their buttons to indicate that is has expandable content (popover).
Slightly improved the status bar overflow panel. Added some formatting and gaps between fields. Also using the iTwinUI Popover fixed the issue where components with popovers would not work if they were in the overflow panel.
Changes
StatusBar
and main field components. Removed smaller font on smaller screens for these components as well. Added expand indicators to buttons with popovers.StatusBar
field components. Switched field indicators which were custom AppUI buttons to proper iTwinUI buttons.Popover
instead of AppUIPopup
for status bar field components.StatusBar
,StatusBarLabelIndicator
,StatusBarIndicator
. These are very simple components that the user can replicate themselves.StatusBarPopover
which is a simple wrapper for iTwinUIPopover
but it helps us control the offset of the popover so it will be consistent for all status bar fields.StatusBarPopover.ExpandIndicator
which the users can add to their buttons to indicate that is has expandable content (popover).Popover
fixed the issue where components with popovers would not work if they were in the overflow panel.Old:
New:
Testing
Tested in standalone test-app.