Skip to main content
Answered

How to solve the misaligned icons?

  • January 25, 2023
  • 1 reply
  • 116 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!

 

 

Best answer by Daniel M15

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.

View original
Did this topic help you find an answer to your question?

1 reply

Daniel M15
Employee
  • Employee
  • 240 replies
  • Answer
  • January 30, 2023

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.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings