Answered

How to solve the misaligned icons?

  • 25 January 2023
  • 1 reply
  • 78 views

How to fix misaligned icons problem,

I'm importing the library in a project written in Electron v8.0.0 and angular v9

 

so how to solve the problem of not aligned icons in the first screenshot?

 

adding a simple css rule on buttons seems solve the problem (2nd screenshot)

align-items:center;

I can't change the style because it's inside an iframe, how can I solve the problem?

 

maybe is caused by the default stylesheet rules of the old chrome version inside electron 8 ?

 

please help!

 

 

icon

Best answer by Daniel M15 30 January 2023, 17:25

View original

1 reply

Userlevel 2

Hey @riccardo​! Daniel from Customer Support Engineering here 🔧 

 

We don't currently have official integration support for Electron and Angular apps. It looks like there may be some interference from an external plugin that is causing the issue. Modifying the style or script of the Messenger can lead to unexpected behaviour like this, and it's not something that we can recommend or provide official support on. My best advice would be to try integrating with one of our official integrations, or our JavaScript snippet.

Reply