button: is-loading does not work with is-light

[gabrc52]

This is about Bulma.

Overview of the problem

This is about the Bulma CSS framework

I'm using Bulma version 0.9.4
My browser is: Firefox / Chrome

Similar to #3637 but for is-light rather than is-inverted

Description

Steps to Reproduce

Observe the following:

<button class="button is-loading is-link is-light">hello world</button>

or

<button disabled class="button is-loading is-link is-light">hello world</button>

(I assume it makes sense to disable the button if it is loading)

Code in the screenshot

Loading:
<div class="section">
	Disabled:
	<button disabled class="button is-loading is-link is-light" on:click={doNothing}>Hello world</button>
	<button disabled class="button is-loading is-link" on:click={doNothing}>Hello world</button>

	Not disabled:
	<button class="button is-loading is-link is-light" on:click={doNothing}>Hello world</button>
	<button class="button is-loading is-link" on:click={doNothing}>Hello world</button>
</div>
Not loading:
<div class="section">
	Disabled:
	<button disabled class="button is-link is-light" on:click={doNothing}>Hello world</button>
	<button disabled class="button is-link" on:click={doNothing}>Hello world</button>

	Not disabled:
	<button class="button is-link" on:click={doNothing}>Hello world</button>
	<button class="button is-link" on:click={doNothing}>Hello world</button>
</div>

Expected behavior

The loading indicator is solid and visible (the same color as the outline or the background of the non-light variant)

Actual behavior

The loading indicator is solid and barely visible

[abreel]

@gabrc52 mind if we try to fix this together? Who do I tag for contribution?

@ariejan @aredridel @nuin @MikeRalphson, can I look into this?

[aredridel]

I'm not a decision maker on this project.

[gabrc52]

@abreel I don't know CSS yet but can help look into it :)

[abreel]

@gabrc52 That would be nice

@aredridel Okay, that's fine. Please could you point me in the direction of the right person to tag? Just to inform a decision maker and get a go ahead?

[aredridel]

@abreel it's really not my project. I am just an end user.

[RintuNoelmon]

@gabrc52 Hi, I would like to work on this issue. Is it still open?

[gabrc52]

Yes it's open, I'm not working on this issue