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
StatusBarand main field components. Removed smaller font on smaller screens for these components as well. Added expand indicators to buttons with popovers.StatusBarfield components. Switched field indicators which were custom AppUI buttons to proper iTwinUI buttons.Popoverinstead of AppUIPopupfor status bar field components.StatusBar,StatusBarLabelIndicator,StatusBarIndicator. These are very simple components that the user can replicate themselves.StatusBarPopoverwhich is a simple wrapper for iTwinUIPopoverbut it helps us control the offset of the popover so it will be consistent for all status bar fields.StatusBarPopover.ExpandIndicatorwhich the users can add to their buttons to indicate that is has expandable content (popover).Popoverfixed the issue where components with popovers would not work if they were in the overflow panel.Old:
New:
Testing
Tested in standalone test-app.