fix loading state
This commit is contained in:
@@ -198,6 +198,8 @@ Layout Component:
|
|||||||
@include transition(all 600ms);
|
@include transition(all 600ms);
|
||||||
}
|
}
|
||||||
&.is-loading {
|
&.is-loading {
|
||||||
|
cursor: default;
|
||||||
|
|
||||||
.CDB-Button-loader {
|
.CDB-Button-loader {
|
||||||
animation-name: showIn;
|
animation-name: showIn;
|
||||||
animation-duration: 600ms;
|
animation-duration: 600ms;
|
||||||
@@ -245,6 +247,15 @@ Layout Component:
|
|||||||
background: darken($cBlue, 16%);
|
background: darken($cBlue, 16%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.is-loading {
|
||||||
|
&:hover {
|
||||||
|
background: $cBlue;
|
||||||
|
}
|
||||||
|
&:active {
|
||||||
|
background: $cBlue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
&.is-disabled {
|
&.is-disabled {
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $cBlue;
|
background: $cBlue;
|
||||||
@@ -414,6 +425,20 @@ Layout Component:
|
|||||||
background: transparent;
|
background: transparent;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.is-loading {
|
||||||
|
cursor: default;
|
||||||
|
|
||||||
|
&:hover {
|
||||||
|
background: $cWhite;
|
||||||
|
color: $cBlue;
|
||||||
|
}
|
||||||
|
&:active {
|
||||||
|
background: $cWhite;
|
||||||
|
color: $cBlue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user