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

Feature request: more notification location options #6

Closed
ajmeese7 opened this issue Aug 31, 2019 · 1 comment
Closed

Feature request: more notification location options #6

ajmeese7 opened this issue Aug 31, 2019 · 1 comment
Labels
enhancement New feature or request

Comments

@ajmeese7
Copy link
Contributor

Right now I have my notifications displayed in the center of the bottom of my page, which wasn't that hard to customize myself, but it would be cool if there was a way to specify location: "bottomCenter" as an option or something similar. This is my current hacked way of getting it to display how I want:

.gn-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    z-index: 1080;
}

Depending on the layout of the page, displaying in the center from the top or the bottom might be very visually attractive. This is what a notification looks like in my application:

Coming from the bottom and being centered makes it best for my use case.

@Glagan Glagan added the enhancement New feature or request label Sep 1, 2019
@Glagan
Copy link
Owner

Glagan commented Sep 1, 2019

I added it in 47f3c72, positions are just CSS classes so I just added them.

I also added the insert-bottom animations you provided, and a top-center position also with it's animation.
I'm not going to make a release since I'm not really proud of the code to actually start the animation life, I will do make one when I resolve #5.

@Glagan Glagan closed this as completed Sep 1, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants