options about angular2-notifications

[flauc]

Hello, thanks for the compliment :)

Are you sure they aren't working? Could you provide a code sample please?
Because i'm testing them locally and they seam to be working. For starters it's not maxStacks it's maxStack.

You can check out the example folder and play around with the options on line 60 of the app.ts file.

[chrismcgregor]

Filip.

Thank you for your response! I changes maxStacks to maxStack and looks like everything is working perfectly including lastOnBottom.

Is it possible to have the notification appear at the top center of the browser?

Cheers!

Chris

Christopher McGregor
415.624.6261 // [email protected]

On Apr 19, 2016, at 8:19 AM, Filip Lauc [email protected] wrote:

Hello, thanks for the compliment :)

Are you sure they aren't working? Could you provide a code sample please?
Because i'm testing them locally and they seam to be working. For starters it's not maxStacks it's maxStack.

You can check out the example folder and play around with the options on line 60 of the app.ts file.

—
You are receiving this because you authored the thread.
Reply to this email directly or view it on GitHub #20 (comment)

[flauc]

Yes it is. All you have to do is style the simple-notification-wrapper class.

It's located in the src/simpleNotifications.component.ts file.

But you can also just add the style to you'r css, in that case you need to include the !important verb. For example this would place them at the top center 20px from the top.

.simple-notification-wrapper {
    top: 20px !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
}

[chrismcgregor]

Thank you!

On Apr 19, 2016, at 10:00 AM, Filip Lauc [email protected] wrote:

Yes it is. All you have to do is style the simple-notification-wrapper class.

It's located in the src/simpleNotifications.component.ts file.

But you can also just add the style to you'r css, in that case you need to include the !important verb. For example this would place them at the top center 20px from the top.

.simple-notification-wrapper {
top: 20px !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
margin: auto !important;
}
—
You are receiving this because you authored the thread.
Reply to this email directly or view it on GitHub #20 (comment)

[flauc]

It's no problem 👍

[chrismcgregor]

Filip,

I added the following in my css and everything worked great:

.simple-notification-wrapper {
top: 20px !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
margin: auto !important;
}
I need to add display:none by default and have your library change the display attribute when needed.
.simple-notification-wrapper {
top: 20px !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
margin: auto !important;
display: none;
}
Is there a simple way do this?

Cheers!

Chris

Christopher McGregor
415.624.6261 // [email protected]

On Apr 19, 2016, at 10:25 AM, Filip Lauc [email protected] wrote:

Closed #20 #20.

—
You are receiving this because you authored the thread.
Reply to this email directly or view it on GitHub #20 (comment)

[flauc]

Hi,

I'm not really sure about what you are trying to achieve but this might be it:

CSS

.simple-notification-wrapper {
  display: none;
}

.active {
  display: block;
}

HTML

<simple-notifications [class.active]="isActive">

JS

public isActive = false;

Then when you want it to have the display: block style just set the isActive variable to true somewhere in your code.

[chrismcgregor]

Thank you!

On Apr 25, 2016, at 1:06 PM, Filip Lauc [email protected] wrote:

Hi,

I'm not really sure about what you are trying to achieve but this might be it:

CSS

.simple-notification-wrapper {
display: none;
}

.active {
display: block;
}
HTML

<simple-notifications [class.active]="isActive">
JS

public isActive = false;
Then when you want it to have the display: block style just set the isActive variable to true somewhere in your code.

—
You are receiving this because you authored the thread.
Reply to this email directly or view it on GitHub #20 (comment)