mirrors/btcpayserver
1
0
Fork 0
mirror of https://github.com/btcpayserver/btcpayserver.git synced 2025-02-21 22:11:48 +01:00
Code Issues Projects Releases Packages Wiki Activity

Improve Lightning node toggle colors

Browse source
This commit is contained in:
Dennis Reimann 2022-01-15 20:23:08 +01:00
parent a67f989dda
commit 3266cc8e3b
No known key found for this signature in database
GPG key ID: 5009E1797F03F8D0
1 changed files with 8 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
BTCPayServer/Views/UIStores/SetupLightningNode.cshtml
View file

@ -28,36 +28,32 @@
#save { min-width: 7rem; }
#LightningNodeTypeTablist input { display: none; }
#LightningNodeTypeTablist input:checked + label {
color: var(--btcpay-white);
background: var(--btcpay-primary);
color: var(--btcpay-body-text-active);
background: var(--btcpay-body-bg-active);
border-color: var(--btcpay-body-bg-active);
}
#LightningNodeTypeTablist label {
display: inline-block;
padding: .75rem 2rem;
color: var(--btcpay-primary);
color: var(--btcpay-body-link);
font-weight: var(--btcpay-font-weight-semibold);
border-radius: 1.5rem;
border: 1px solid var(--btcpay-secondary-border);
cursor: pointer;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#LightningNodeTypeTablist label:hover {
#LightningNodeTypeTablist input:not(:checked):not([disabled]) + label:hover {
border-color: var(--btcpay-secondary-border-hover);
}
#LightningNodeTypeTablist input[disabled]:checked + label {
background: var(--btcpay-secondary);
color: var(--btcpay-white);
opacity: .5;
}
#LightningNodeTypeTablist input[disabled] + label {
color: var(--btcpay-secondary);
color: var(--btcpay-body-text-muted);
border-color: var(--btcpay-secondary-border);
background: transparent;
opacity: .5;
}
#LightningNodeTypeTablist label + input + label {
margin-left: var(--btcpay-space-m);
}
#LightningNodeTypeTabs ul {
list-style: none;
padding-left: 0;