framework icon indicating copy to clipboard operation
framework copied to clipboard

Search input icons overlap

Open SychO9 opened this issue 3 years ago • 2 comments

Current Behavior

Search icon and clear input icon overlap.

Steps to Reproduce

  1. Use/emulate small screen width (820px)
  2. Enter something into the search input.
  3. Click on a discussion.
  4. Icon to empty search box is rendered over/under search icon.

Expected Behavior

No overlap

Screenshots

Environment

  • Flarum version: 1.4.0

Output of php flarum info

No response

Possible Solution

No response

Additional Context

No response

SychO9 avatar Sep 13 '22 10:09 SychO9

seems that can be fixed by removing the margin-left

.Search-input .Button {
    float: left;
    margin-left: -36px;  <-------- here
    width: 36px!important;
}

justoverclockl avatar Sep 13 '22 18:09 justoverclockl