Loading button : bug with spinner

Need Help
#1

Hi.
I notice there is two spinner with data attributes data-attach-loading. There is an arrow sometimes…
spinner-1
spinner-2

Is there a way to customize this spinner ?

#2

Hi and welcome @cyril-design

The CSS for the spinner is pretty simple, and can be customized with CSS.

.oc-attach-loader:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-left: .4em;
    height: 1em;
    width: 1em;
    animation: oc-rotate-loader 0.8s infinite linear;
    border: .2em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    opacity: .5;
}

@keyframes oc-rotate-loader {
    0%    { transform: rotate(0deg); }
    100%  { transform: rotate(360deg); }
}
#3

Thank you @daft !
And I know why there is an arrow (I use pseudo after text in button to display an ‘>’ ) !
Sorry…

1 Like