mirrors/btcpayserver
1
0
Fork 0
mirror of https://github.com/btcpayserver/btcpayserver.git synced 2024-11-19 09:54:30 +01:00
Code Issues Packages Projects Releases Wiki Activity

Hover and active states for wizard navigation

Browse Source
This commit is contained in:
Dennis Reimann 2021-03-03 21:17:25 +01:00
parent d36974a47e
commit b5f7b1aad4
No known key found for this signature in database
GPG Key ID: 5009E1797F03F8D0
1 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
BTCPayServer/wwwroot/main/wallet-setup.css
View File

@ -25,25 +25,42 @@ body {
}
#wizard-navbar a {
position: relative;
color: var(--btcpay-body-color);
background-color: var(--btcpay-border-color-light);
display: inline-flex;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
width: 56px;
height: 56px;
border-radius: 50%;
}
#wizard-navbar a::after {
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: "";
width: 100%;
height: 100%;
border-radius: 50%;
transition: background-color .2s, transform .2s;
background-color: transparent;
}
#wizard-navbar a svg.icon {
width: 19px;
height: 16px;
}
#wizard-navbar a:hover {
#wizard-navbar a:hover::after {
background-color: var(--btcpay-border-color-medium);
}
#wizard-navbar a:active::after {
transform: scale(.825);
}
#wizard-navbar .cancel {
margin-left: auto;
}