add states
This commit is contained in:
parent
fb7c98c04b
commit
5ec8402e70
@ -368,8 +368,13 @@ Layout Component:
|
||||
<br/>
|
||||
|
||||
<div style="background: #2E3C43; padding: 20px;">
|
||||
<button class="CDB-Button CDB-Button--secondary CDB-Button--big">
|
||||
<button class="CDB-Button CDB-Button--loading CDB-Button--secondary CDB-Button--big">
|
||||
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
|
||||
<div class="CDB-Button-loader CDB-LoaderIcon is-blue">
|
||||
<svg class="CDB-LoaderIcon-spinner" viewbox="0 0 50 50">
|
||||
<circle class="CDB-LoaderIcon-path" cx="25" cy="25" r="20" fill="none"/>
|
||||
</svg>
|
||||
</div>
|
||||
</button>
|
||||
|
||||
<button class="CDB-Button CDB-Button--secondary CDB-Button--big is-disabled">
|
||||
@ -380,8 +385,13 @@ Layout Component:
|
||||
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
|
||||
</button>
|
||||
|
||||
<button class="CDB-Button CDB-Button--secondary CDB-Button--white">
|
||||
<button class="CDB-Button CDB-Button--loading CDB-Button--secondary CDB-Button--white">
|
||||
<span class="CDB-Button-Text CDB-Text is-semibold CDB-Size-medium">SAVE</span>
|
||||
<div class="CDB-Button-loader CDB-LoaderIcon is-white">
|
||||
<svg class="CDB-LoaderIcon-spinner" viewbox="0 0 50 50">
|
||||
<circle class="CDB-LoaderIcon-path" cx="25" cy="25" r="20" fill="none"/>
|
||||
</svg>
|
||||
</div>
|
||||
</button>
|
||||
|
||||
<button class="CDB-Button CDB-Button--secondary CDB-Button--white is-disabled">
|
||||
@ -430,11 +440,11 @@ Layout Component:
|
||||
cursor: default;
|
||||
|
||||
&:hover {
|
||||
background: $cWhite;
|
||||
background: none;
|
||||
color: $cBlue;
|
||||
}
|
||||
&:active {
|
||||
background: $cWhite;
|
||||
background: none;
|
||||
color: $cBlue;
|
||||
}
|
||||
}
|
||||
@ -464,4 +474,18 @@ Layout Component:
|
||||
color: $cWhite;
|
||||
}
|
||||
}
|
||||
|
||||
&.is-loading {
|
||||
cursor: default;
|
||||
|
||||
&:hover {
|
||||
background: none;
|
||||
color: $cWhite;
|
||||
}
|
||||
&:active {
|
||||
background: none;
|
||||
color: $cWhite;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user