Responsive design for narrow screens (portrait mode)

[MadTiger2409]

On devices with narrow screen (like smartphones in portrait mode) toast is too wide. It will be nice to see a responsive design in it.

---

Portrait mode:

---

Wide screen (desktop):

[chrissainty]

Thanks for raising this issue @MadTiger2409. You can override the existing CSS to make toasts responsive if you want a quick solution.

I will see what I can do about making things responsive by default. Also happy to take a PR for this 😄

[MadTiger2409]

I will look into CSS for this toast in my free time. Maybe even create PR 😄

[chrissainty]

@MadTiger2409 I ended up having some time this evening so I've made some updates to make the toasts work better on smaller devices.

[MadTiger2409]

@chrissainty Is this fix a part of version 1.2.0? Because I made an update in my project and nothing has changed.

[chrissainty]

Yes, the changes were in the 1.2.0 release. Have you cleared your cache?

On Sat, 1 Jun 2019 at 19:09, Michał B. notifications@github.com wrote:

@chrissainty https://github.com/chrissainty Is this fix a part of version 1.2.0? Because made an update in my project and nothing has changed.

— You are receiving this because you were mentioned.

Reply to this email directly, view it on GitHub https://github.com/Blazored/Toast/issues/17?email_source=notifications&email_token=ABPCYR27OWX3IW72P2CJJPTPYK3NXA5CNFSM4HRTZF3KYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGODWXFX7A#issuecomment-497966076, or mute the thread https://github.com/notifications/unsubscribe-auth/ABPCYR25QT2FK4Q5QRE5VALPYK3NXANCNFSM4HRTZF3A .

[MadTiger2409]

@chrissainty My bad. I forgot about this, sorry 🤣 😄

[chrissainty]

@MadTiger2409 Happens to the best of us 🤣