accordproject / web-components

React Components for Accord Project
Apache License 2.0
119 stars 99 forks source link

Clickable area of "insert image" and "page break" is much smaller than other items in the formatting toolbar #318

Closed Michael-Grover closed 3 years ago

Michael-Grover commented 3 years ago

Bug Report 🐛

For some reason, the clickable area of the "insert image" and "page break" icons in the formatting toolbar is much smaller than the clickable area of all of the other icons in the formatting toolbar. This makes the icons harder to click, and is visually inconsistent.

The red squares roughly show the clickable areas: image

another comparison:

image image It's hard to see, but there's a gray rounded square that appears when hovering over the clickable area of an icon. The above images show that the gray square is larger for most icons like "hyperlink", but very small for icons like "page break"

K-Kumar-01 commented 3 years ago

@Michael-Grover I would like to work on this issue. Please assign this to me.

Michael-Grover commented 3 years ago

@K-Kumar-01 thanks, I've assigned you

K-Kumar-01 commented 3 years ago

@Michael-Grover I have opened a PR for the issue. Let me know if there are any changes required.