Skip to content

Commit 781c6c5

Browse files
V48 (implementation-only): Drop button bg change from Connect attention
Keep border, glow, and scale on provider connect buttons; leave background at the resting Tailwind fill for the whole highlight run.
1 parent 05457f8 commit 781c6c5

1 file changed

Lines changed: 5 additions & 14 deletions

File tree

uapi/styles/auxillaries-bitcode.css

Lines changed: 5 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -945,36 +945,26 @@
945945
}
946946

947947
@keyframes wallet-connect-button-attention {
948+
/* No background animation — only border, glow, and scale. */
948949
0%,
949950
58%,
950951
100% {
951952
transform: translateY(0) scale(1);
952953
box-shadow: none;
953954
border-color: rgba(251, 146, 60, 0.34);
954-
background-color: rgba(251, 146, 60, 0.14);
955-
background: rgba(251, 146, 60, 0.14);
956-
color: rgba(255, 247, 237, 0.98);
957955
}
958956
12%,
959957
40% {
960-
/* Peak: bg, border, glow, and scale all move together. */
961958
transform: translateY(-1px) scale(1.045);
962959
border-color: rgba(254, 215, 170, 0.95);
963-
background-color: rgba(251, 146, 60, 0.42);
964-
background: rgba(251, 146, 60, 0.42);
965-
color: #fff;
966960
box-shadow:
967961
0 0 0 2px rgba(251, 146, 60, 0.75),
968962
0 0 28px rgba(251, 146, 60, 0.65),
969963
0 12px 28px rgba(0, 0, 0, 0.28);
970964
}
971965
48% {
972-
/* Shared soft decay — bg resets with border/scale, not after. */
973966
transform: translateY(0) scale(1.015);
974967
border-color: rgba(253, 186, 116, 0.72);
975-
background-color: rgba(251, 146, 60, 0.22);
976-
background: rgba(251, 146, 60, 0.22);
977-
color: rgba(255, 247, 237, 0.98);
978968
box-shadow:
979969
0 0 0 1px rgba(251, 146, 60, 0.4),
980970
0 0 14px rgba(251, 146, 60, 0.32);
@@ -990,7 +980,7 @@
990980

991981
.wallet-connect-attention-button {
992982
animation: wallet-connect-button-attention 2.1s ease-in-out 1 both;
993-
will-change: transform, box-shadow, background-color, border-color;
983+
will-change: transform, box-shadow, border-color;
994984
}
995985

996986
@media (prefers-reduced-motion: reduce) {
@@ -1015,7 +1005,8 @@
10151005

10161006
.wallet-connect-attention-button {
10171007
border-color: rgba(254, 215, 170, 0.9) !important;
1018-
background: rgba(251, 146, 60, 0.36) !important;
1019-
color: #fff !important;
1008+
box-shadow:
1009+
0 0 0 2px rgba(251, 146, 60, 0.65),
1010+
0 0 20px rgba(251, 146, 60, 0.4);
10201011
}
10211012
}

0 commit comments

Comments
 (0)