Hi.
If I'm using dxContextMenu with Icons then the text isn't vertically aligned in the middle. I have prepared a screenshot and a example project:
https://jsfiddle.net/phoniex/Lcbnvz60/7/
You can see that "test" is not vertically aligned in the middle.
If I'm inspecting the CSS-rules then I can see that the added padding (top = 0px) prevents it from being in the middle:
CSS.dx-menu-base .dx-menu-item-content .dx-menu-item-text {
padding: 0 25px 5px 23px;
}
Is this an expected behavior?
I know hot fix this (see code below). But I'm not sure if it is expected or an issue?
CSS.dx-menu-item-text {
padding-top: 5px !important;
}
Hello,
I agree with you that this appearance is not expected. I forwarded this issue to our R&D team. We will update this thread once we have any news.