HubSpot / messenger

Growl-style alerts and messages for your app. #hubspot-open-source
http://github.hubspot.com/messenger/
MIT License
4.03k stars 408 forks source link

Not loading status when click #116

Closed vulieumang closed 8 years ago

vulieumang commented 8 years ago

Hi :) I download example, upload to localhost, and click run below example, but the loading status not show correct. I only see it run correctly on home page this project. not-circle2

var i;

i = 0;

Messenger().run({
  errorMessage: 'Error destroying alien planet',
  successMessage: 'Alien planet destroyed!',
  action: function(opts) {
    if (++i < 3) {
      return opts.error({
        status: 500,
        readyState: 0,
        responseText: 0
      });
    } else {
      return opts.success();
    }
  }
});
vulieumang commented 8 years ago

I was found how to fix it. correct this line like me file messenger-theme-flat.css

.messenger-spinner .messenger-spinner-side-left .messenger-spinner-fill {
  left: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-animation-name: ui-spinner-rotate-left;
  -moz-animation-name: ui-spinner-rotate-left;
  -ms-animation-name: ui-spinner-rotate-left;
  -o-animation-name: ui-spinner-rotate-left;
  animation-name: ui-spinner-rotate-left;
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

fix

Any body help me to contribute to this project?

messenger-theme-flat-20160706_1.zip