Loading button : bug with spinner

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

Is there a way to customize this spinner ?

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); }

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

1 Like