static: fix colours not changing on ActionButton
This commit is contained in:
parent
e0dbeca657
commit
d5e34bb71d
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -24,7 +24,23 @@ export class ActionButton extends LitElement {
|
||||||
isRunning = false;
|
isRunning = false;
|
||||||
|
|
||||||
static get styles() {
|
static get styles() {
|
||||||
return [GlobalsStyle, ButtonStyle, SpinnerStyle, ColorStyles];
|
return [
|
||||||
|
GlobalsStyle,
|
||||||
|
ButtonStyle,
|
||||||
|
SpinnerStyle,
|
||||||
|
ColorStyles,
|
||||||
|
css`
|
||||||
|
button {
|
||||||
|
/* Have to use !important here, as buttons with pf-m-progress have transition already */
|
||||||
|
transition: all var(--pf-c-button--m-progress--TransitionDuration) ease 0s !important;
|
||||||
|
}
|
||||||
|
`,
|
||||||
|
];
|
||||||
|
}
|
||||||
|
|
||||||
|
constructor() {
|
||||||
|
super();
|
||||||
|
this.classList.add(PRIMARY_CLASS);
|
||||||
}
|
}
|
||||||
|
|
||||||
setLoading() {
|
setLoading() {
|
||||||
|
@ -70,7 +86,7 @@ export class ActionButton extends LitElement {
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
return html`<button
|
return html`<button
|
||||||
class="pf-c-button pf-m-progress ${this.classList}"
|
class="pf-c-button pf-m-progress ${this.classList.toString()}"
|
||||||
@click=${() => this.callAction()}
|
@click=${() => this.callAction()}
|
||||||
>
|
>
|
||||||
${this.isRunning
|
${this.isRunning
|
||||||
|
|
Reference in New Issue