Add scrollbar styles

This commit is contained in:
Dennis Reimann 2022-01-15 19:54:40 +01:00
parent 7243aec213
commit a39082e565
No known key found for this signature in database
GPG key ID: 5009E1797F03F8D0
2 changed files with 25 additions and 0 deletions

View file

@ -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;

View file

@ -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);