Fix toast weirdness on iOS scrolling (#461)

* Fix toast weirdness on iOS scrolling

* Remove unnecessary css hacks
This commit is contained in:
SatsAllDay 2023-08-30 22:16:47 -04:00 committed by GitHub
parent 906571324a
commit c6dfd1e39c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 2 deletions

View File

@ -52,7 +52,7 @@ export const ToastProvider = ({ children }) => {
return ( return (
<ToastContext.Provider value={toaster}> <ToastContext.Provider value={toaster}>
<ToastContainer className='pb-3 pe-3' position='bottom-end' containerPosition='fixed'> <ToastContainer className={`pb-3 pe-3 ${styles.toastContainer}`} position='bottom-end' containerPosition='fixed'>
{toasts.map(toast => ( {toasts.map(toast => (
<Toast <Toast
key={toast.id} bg={toast.variant} show autohide={toast.autohide} key={toast.id} bg={toast.variant} show autohide={toast.autohide}

View File

@ -1,3 +1,7 @@
.toastContainer {
transform: translate3d(0,0,0);
}
.toast { .toast {
width: auto; width: auto;
border: 1px solid var(--bs-success-border-subtle); border: 1px solid var(--bs-success-border-subtle);
@ -5,7 +9,7 @@
} }
.toastClose { .toastClose {
color: #fff; color: #fff;
font-family: "lightning"; font-family: "lightning";
font-size: 150%; font-size: 150%;
line-height: 1rem; line-height: 1rem;