cgross / angular-notify

Minimalistic and extensible notification service for Angular.

Home Page:http://cgross.github.io/angular-notify/demo/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

classes

donnygunawan93 opened this issue · comments

notify({
classes: 'alert-danger',
message: $scope.validator[x][0]
});

but thats notify still show blue color, how to make it works?

You need to edit css.

.cg-notify-message {
    position:fixed;
    top:0px;
    z-index: 9999;
    max-width:400px;
    text-align: center;

    /*background-color: #d9edf7;
    color: #31708f;
    border: 1px solid #bce8f1;*/
    padding: 15px;
    border-radius: 4px;

    -webkit-transition: top 0.5s ease-out,opacity 0.2s ease-out;
    -moz-transition: top 0.5s ease-out,opacity 0.2s ease-out;
    -o-transition: top 0.5s ease-out,opacity 0.2s ease-out;
    transition: top 0.5s ease-out,opacity 0.2s ease-out;

    visibility:hidden;

    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

oh yes it works thx ^_^,

but when i see their live example,
why his code still works, without disable thats line above?

It is ok.

<link href="angular-notify.css" rel="stylesheet">
<link href="bootstrap.min.css" rel="stylesheet">

It is fail. always blue.

<link href="bootstrap.min.css" rel="stylesheet">
<link href="angular-notify.css" rel="stylesheet">

oh yeah, thx buddy ^_^