Git Product home page Git Product logo

Comments (8)

nageshkinge avatar nageshkinge commented on August 16, 2024 2

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;
}

from laravel-notify.

khalidJA avatar khalidJA commented on August 16, 2024 1

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

from laravel-notify.

adam-torok avatar adam-torok commented on August 16, 2024

This could be cool... Need the feature

from laravel-notify.

adam-torok avatar adam-torok commented on August 16, 2024

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

from laravel-notify.

bdaniel-728 avatar bdaniel-728 commented on August 16, 2024

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

from laravel-notify.

shakhawatsabbir avatar shakhawatsabbir commented on August 16, 2024

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?

from laravel-notify.

Scheleder avatar Scheleder commented on August 16, 2024

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

from laravel-notify.

akikhossain avatar akikhossain commented on August 16, 2024

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.

from laravel-notify.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.