danielroe.dev / ripple-framework
[READ-ONLY] Mirror of https://github.com/danielroe/ripple-framework. Ripple is the presentation layer for building websites on the DPC Single Digital Presence platform.
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

fix(@dpc-sdp/ripple-ui-core): updated button busy state after design feedback

author
Jeffrey Dowdle date (Apr 4, 2023, 4:44 PM +1000) commit 81efdba8 parent 07af8d74
+10 -5
+10 -5
packages/ripple-ui-core/src/components/button/RplButton.css
··· 45 45 border-color: var(--local-filled-bg-clr); 46 46 47 47 &:active, 48 - &:hover { 48 + &:hover, 49 + &.rpl-button--busy { 49 50 background-color: var(--local-filled-bg-clr-hover); 50 51 border-color: var(--local-filled-bg-clr-hover); 51 52 } ··· 57 58 border-color: var(--local-outlined-border-clr); 58 59 59 60 &:active, 60 - &:hover { 61 + &:hover, 62 + &.rpl-button--busy { 61 63 color: var(--local-outlined-type-clr-hover); 62 64 border-color: var(--local-outlined-border-clr-hover); 63 65 } ··· 73 75 text-decoration: underline; 74 76 75 77 &:active, 76 - &:hover { 78 + &:hover, 79 + &.rpl-button--busy { 77 80 color: var(--local-white-type-clr-hover); 78 81 } 79 82 ··· 97 100 width: auto; 98 101 99 102 &:active, 100 - &:hover { 103 + &:hover, 104 + &.rpl-button--busy { 101 105 color: var(--local-white-type-clr-hover); 102 106 } 103 107 ··· 118 122 border-color: var(--rpl-clr-error); 119 123 120 124 &:active, 121 - &:hover { 125 + &:hover, 126 + &.rpl-button--busy { 122 127 background-color: var(--rpl-clr-error-dark); 123 128 border-color: var(--rpl-clr-error-dark); 124 129 }