Actions
Defect #42786
openThe style of the "Clear" button breaks inside the flyout menu
Start date:
Due date:
% Done:
0%
Estimated time:
Resolution:
Affected version:
Description
There are currently several issues with the display of custom queries inside the flyout menu (shown on narrow screens):
- The "Clear" button appears on a separate line.
- The "Clear" button is blue and hard to see.
- The button is visually misaligned compared to surrounding elements.
Screenshot:
- Applies the same flex layout to .queries li as used for .watchers li, fixing the line break issue of the "Clear" button.
- Ensures consistent borders after applying flex, by manually restoring border behavior where needed.
- Sets stroke: white for icons to improve visibility against the dark background.
- Adjusts the overall horizontal offset of the #sidebar-wrapper using margin-left: -8px to fix the right shift.
Files
Actions