Emoji dropdown icons are not centered #2572
Assignees
Labels
good first issue
Relatively easy to fix. This is a perfect issue if you are willing to create a Pull Request.
plugin:emoji
The plugin which probably causes the issue.
status:confirmed
An issue confirmed by the development team.
target:minor
Any docs related issue that can be merged into a master or major branch.
type:bug
A bug.
Milestone
Comments
engineering-this
added
status:confirmed
mlewand
added
target:minor
engineering-this
changed the title
|
There is also a small issue with gab between emoji panel input border and outline, which could be fixed altogether with this one:
It occurs on Chrome. |
|
@jacekbogdanski I cannot reproduce this case. I looked on Chrome under Windows and MacOS and this situation doesn't occur for me. Maybe you have set some zoom or made some customisation in browsers, which result with this visual glitch? |
mlewand
changed the title
|
Fixed with #2670. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Type of report
Bug/task
Provide detailed reproduction steps (if any)
Open test:
/tests/plugins/emoji/manual/dropdown/dropdownfilteringOpen emoji dropdown.
Press left arrow to focus category icons. Inspect each of them.
Actual:
Category icons are not centered, below is how they look when focused. I propose to adjust their positioning so each of them is centered horizontally and vertically. Currently they are aligned top which doesn't look good especially with smaller icons.
Second case:
Actual:
Emoji preview icon is positioned too high and almost touches top border. See below:
I propose to add some
margin-topto this icon to position it better.Note: currently there is
padding-topon parent element, preview text has additionalmargin-top:3px. I think same value would be ideal for icon.Other details
The text was updated successfully, but these errors were encountered: