search

GA-MO / react-confirm-alert

react component confirm dialog.
https://ga-mo.github.io/react-confirm-alert/demo/
MIT License
272 stars 105 forks source link

Alert Dialog Box Not Mobile Responsive? #14

Closed sansae closed 5 years ago

sansae commented 5 years ago

Hello,

I have my React project deployed to Heroku, and the alert isn't resizing appropriately on my smartphone. About 10-15% on each side cannot be seen when the alert pops up.

I was able to locate the react-confirm-alert.css file and added this query:

@media only screen and (max-width: 767px) {
  .react-confirm-alert-body {
    width: auto;
  }
}

I tested this in the mobile responsive view in Chrome and it seems to be working perfectly. When I resize the screen and shrink it to the size of smartphones, the alert resizes accordingly.

However, I'm unable to push these changes to heroku because node_modules is added to .gitignore. Also, a user in this post said that we should not be modifying anything in node_modules.

Could I request that react-confirm-alert be made mobile responsive?

Lastly, if there is a way to fix this problem that I am unaware of, please do let me know. (I can always use Bootstrap's modal-dialog class, but I'd like to use React stuff since I'm learning that framework right now)

Thank you much.

sansae commented 5 years ago

Never mind. I read this issue, which led me to the custom UI component code.

Problem solved. Sorry. I should have dug harder.

codemaster730 commented 3 years ago

@sansae How did you solve this issue? It's not mobile-responsive. image