mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2025-02-22 06:21:44 +01:00
Add scrollbar styles
This commit is contained in:
parent
7243aec213
commit
a39082e565
2 changed files with 25 additions and 0 deletions
|
@ -9806,6 +9806,29 @@ fieldset:disabled .btn {
|
|||
display: none !important;
|
||||
}
|
||||
}
|
||||
/* Scrollbar - first works on Firefox, rest on WebKit-based browsers */
|
||||
* {
|
||||
--btcpay-scrollbar-width: .375rem;
|
||||
--btcpay-scrollbar-color: var(--btcpay-neutral-500);
|
||||
--btcpay-scrollbar-bg: transparent;
|
||||
scrollbar-width: var(--btcpay-scrollbar-width);
|
||||
scrollbar-color: var(--btcpay-scrollbar-color) var(--btcpay-scrollbar-bg);
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar {
|
||||
width: var(--btcpay-scrollbar-width);
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-track {
|
||||
background: var(--btcpay-scrollbar-bg);
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-thumb {
|
||||
background-color: var(--btcpay-scrollbar-color);
|
||||
border-radius: 1rem;
|
||||
border: 1rem solid var(--btcpay-scrollbar-bg);
|
||||
}
|
||||
|
||||
html {
|
||||
position: relative;
|
||||
min-height: 100%;
|
||||
|
@ -10288,6 +10311,7 @@ label + input.btcpay-toggle {
|
|||
filter: none;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* Bootstrap Responsive Helper */
|
||||
html[data-devenv]:before {
|
||||
display: inline-block;
|
||||
|
|
|
@ -37,6 +37,7 @@
|
|||
}
|
||||
|
||||
#mainNav {
|
||||
--btcpay-scrollbar-color: var(--btcpay-neutral-400);
|
||||
height: calc(100vh - var(--mobile-header-height));
|
||||
overflow-y: auto;
|
||||
padding-top: var(--btcpay-space-m);
|
||||
|
|
Loading…
Add table
Reference in a new issue