Custom Class Doesn't Work

[teamayu]

Great little plugin, thank you.

In the docs it says:

"Assign a Custom CSS class to the bar. Overrides ALL styles passed as options. For e.g. padding, backgroundColor etc."

This doesn't actually work as default parameters still get passed in which overwrite any custom class.

var bar = $.peekABar({
html : 'Some message',
delay : 2000,
autohide : true,
animation : {
type : 'fade',
duration : '2000'
},
opacity : '0.8',
cssClass : 'bar-success',
position : 'bottom',
closeOnClick : true,
onShow : function() {},
onHide : function() {}
});
bar.show();

This what is displayed in the dev console:

<div class="peek-a-bar bar-success" id="__peek_a_bar_48236846" style="padding: 1em; background-color: rgb(195, 195, 195); opacity: 0.8; bottom: 0px; display: none;">Some message`

Padding and background are still applied as you are still setting them if the cssClass is not null. I updated the js code and it works fine now, but you may want to fix it. Inline styles overwrite the css.

[kunalnagar]

@teamayu - thanks for bringing this up. It is definitely a documentation issue - I'll fix it soon 👍

[github-actions]

🎉 This issue has been resolved in version 3.6.22 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀