Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Re-Position notify #55

Open
Timbaron opened this issue Feb 26, 2021 · 8 comments
Open

Re-Position notify #55

Timbaron opened this issue Feb 26, 2021 · 8 comments

Comments

@Timbaron
Copy link

This is my first time using Laravel-notify, I would like to change the position of the notification box from top-right to somewhere like button-right. Any ideas?

@khalidJA
Copy link

khalidJA commented Mar 3, 2021

This is my first time using Laravel-notify, I would like to change the position of the notification box from top-right to somewhere like button-right. Any ideas?

I faced same issue ,no solution found yet

@adam-torok
Copy link

This could be cool... Need the feature

@adam-torok
Copy link

Anyways you can do it via css, just select the .notify class and write align-items: flex-end; with !important or something. Ugly but works

@bdaniel-728
Copy link

Really great package. The design is nice and clean and who doesn't love the drakify()? Unfortunately, the inability to define a position on the screen with a parameter is disappointing. Would love to see this implemented! Currently my header is over top of the toast message. Would help if I had some control over the placement.

Screenshot 2023-03-17 155533

@shakhawatsabbir
Copy link

Really great package. The design is nice and clean and who doesn't love the drakify()? Unfortunately, the inability to define a position on the screen with a parameter is disappointing. Would love to see this implemented! Currently my header is over top of the toast message. Would help if I had some control over the placement.

Screenshot 2023-03-17 155533

I am having the same problem. Notify is coming under my header section and a few divs. Can someone please help fix it?

@Scheleder
Copy link

Edit the file:
vendor\mckenziearts\laravel-notify\resources\views\notifications\toast.blade.php
for commom notifications...

@nageshkinge
Copy link

Really great package. The design is nice and clean and who doesn't love the drakify()? Unfortunately, the inability to define a position on the screen with a parameter is disappointing. Would love to see this implemented! Currently my header is over top of the toast message. Would help if I had some control over the placement.

Screenshot 2023-03-17 155533

Adding below CSS rule fixes the issue
#laravel-notify{
z-index: 9999;
}

@akikhossain
Copy link

akikhossain commented Nov 17, 2023

Sure, you can center the .notify class by using justify-content: center; z-index: 9999; in your CSS, potentially adding !important for overriding other styles.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

8 participants