Project

General

Profile

Actions

Defect #42786

open

The style of the "Clear" button breaks inside the flyout menu

Added by Mizuki ISHIKAWA 1 day ago. Updated 1 day ago.

Status:
Confirmed
Priority:
Normal
Assignee:
-
Category:
UI
Target version:
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:

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 1 day 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

Also available in: Atom PDF