Adding FLO multisig features
This commit is contained in:
parent
45105ae52c
commit
614ca179b0
36
css/main.css
36
css/main.css
@ -1038,6 +1038,10 @@ ol li::before {
|
|||||||
user-select: none;
|
user-select: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
.contact.highlight {
|
||||||
|
-webkit-animation: highlight 0.5s ease-in-out 4 alternate;
|
||||||
|
animation: highlight 0.5s ease-in-out 4 alternate;
|
||||||
|
}
|
||||||
.contact:not(.chat) {
|
.contact:not(.chat) {
|
||||||
grid-template-columns: auto 1fr;
|
grid-template-columns: auto 1fr;
|
||||||
grid-template-areas: "dp name" "dp .";
|
grid-template-areas: "dp name" "dp .";
|
||||||
@ -2227,6 +2231,38 @@ sm-chip .badge {
|
|||||||
.multisig-option .icon-only {
|
.multisig-option .icon-only {
|
||||||
padding: 0.3rem;
|
padding: 0.3rem;
|
||||||
}
|
}
|
||||||
|
.multisig-option.highlight {
|
||||||
|
-webkit-animation: highlight 0.5s ease-in-out infinite alternate;
|
||||||
|
animation: highlight 0.5s ease-in-out infinite alternate;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes highlight {
|
||||||
|
0% {
|
||||||
|
background-color: rgba(var(--text-color), 0.1);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes highlight {
|
||||||
|
0% {
|
||||||
|
background-color: rgba(var(--text-color), 0.1);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.multisig-type-button {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto 1fr auto;
|
||||||
|
gap: 1rem;
|
||||||
|
justify-items: flex-start;
|
||||||
|
background-color: rgba(var(--text-color), 0.04);
|
||||||
|
padding: 1.5rem 1.2rem;
|
||||||
|
font-size: 1rem;
|
||||||
|
text-align: start;
|
||||||
|
}
|
||||||
|
|
||||||
.remove-card-wrapper {
|
.remove-card-wrapper {
|
||||||
min-height: 2rem;
|
min-height: 2rem;
|
||||||
|
|||||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -1046,7 +1046,9 @@ ol {
|
|||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
&.highlight {
|
||||||
|
animation: highlight 0.5s ease-in-out 4 alternate;
|
||||||
|
}
|
||||||
&:not(.chat) {
|
&:not(.chat) {
|
||||||
grid-template-columns: auto 1fr;
|
grid-template-columns: auto 1fr;
|
||||||
grid-template-areas: "dp name" "dp .";
|
grid-template-areas: "dp name" "dp .";
|
||||||
@ -2298,7 +2300,30 @@ sm-chip {
|
|||||||
.icon-only {
|
.icon-only {
|
||||||
padding: 0.3rem;
|
padding: 0.3rem;
|
||||||
}
|
}
|
||||||
|
&.highlight {
|
||||||
|
animation: highlight 0.5s ease-in-out infinite alternate;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@keyframes highlight {
|
||||||
|
0% {
|
||||||
|
background-color: rgba(var(--text-color), 0.1);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.multisig-type-button {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto 1fr auto;
|
||||||
|
gap: 1rem;
|
||||||
|
justify-items: flex-start;
|
||||||
|
background-color: rgba(var(--text-color), 0.04);
|
||||||
|
padding: 1.5rem 1.2rem;
|
||||||
|
font-size: 1rem;
|
||||||
|
text-align: start;
|
||||||
|
}
|
||||||
|
|
||||||
.remove-card-wrapper {
|
.remove-card-wrapper {
|
||||||
min-height: 2rem;
|
min-height: 2rem;
|
||||||
}
|
}
|
||||||
|
|||||||
388
index.html
388
index.html
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue
Block a user