Project

General

Profile

Actions

Defect #42786

closed

"Clear" button for custom queries has incorrect styling inside the flyout menu

Added by Mizuki ISHIKAWA about 2 months ago. Updated about 1 month ago.

Status:
Closed
Priority:
Normal
Assignee:
Category:
UI
Target version:
Start date:
Due date:
% Done:

0%

Estimated time:
Resolution:
Fixed
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:

Attached is a patch that addresses these issues.
  • 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 #1

Updated by Go MAEDA about 2 months ago

  • Subject changed from The style of the "Clear" button breaks inside the flyout menu. to The style of the "Clear" button breaks inside the flyout menu
  • Status changed from New to Confirmed
  • Target version set to 6.0.6

Setting the target version to 6.0.6.

Actions #2

Updated by Go MAEDA about 1 month ago

  • Subject changed from The style of the "Clear" button breaks inside the flyout menu to "Clear" button for custom queries has incorrect styling inside the flyout menu
  • Status changed from Confirmed to Resolved
  • Assignee set to Go MAEDA
  • Resolution set to Fixed

Committed the patch in r23816. Thank you.

Actions #3

Updated by Go MAEDA about 1 month ago

  • Status changed from Resolved to Closed

Merged the fix into 6.0-stalbe branch in r23818.

Actions

Also available in: Atom PDF