bulma-badge icon indicating copy to clipboard operation
bulma-badge copied to clipboard

issue with is-loading class on button

Open jormun-pluxml opened this issue 6 years ago • 2 comments

If is-loading class is applied to button with badge, the spinner is displayed on the badge instead of the button.

jormun-pluxml avatar Apr 17 '19 20:04 jormun-pluxml

Hi @jormun-pluxml,

it's because both elements are using :after pseudo-class. Unfortunately, at this time I didn't find a way to manage it.

wikiki avatar May 18 '19 08:05 wikiki

I know. I think badge may be disabled in case of is-loading class applied. i did this for my use case

.button.is-loading.badge::after {
  background: none;
  left: auto;
  font-size: inherit;
  top: auto;
  padding: 0;
  box-shadow: none;
  content: '';
  display: block;
  position: relative;
}

jormun-pluxml avatar May 18 '19 16:05 jormun-pluxml