mirror of
https://github.com/btcpayserver/btcpayserver.git
synced 2025-02-22 14:22:40 +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;
|
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 {
|
html {
|
||||||
position: relative;
|
position: relative;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
|
@ -10288,6 +10311,7 @@ label + input.btcpay-toggle {
|
||||||
filter: none;
|
filter: none;
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Bootstrap Responsive Helper */
|
/* Bootstrap Responsive Helper */
|
||||||
html[data-devenv]:before {
|
html[data-devenv]:before {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
|
|
@ -37,6 +37,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#mainNav {
|
#mainNav {
|
||||||
|
--btcpay-scrollbar-color: var(--btcpay-neutral-400);
|
||||||
height: calc(100vh - var(--mobile-header-height));
|
height: calc(100vh - var(--mobile-header-height));
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
padding-top: var(--btcpay-space-m);
|
padding-top: var(--btcpay-space-m);
|
||||||
|
|
Loading…
Add table
Reference in a new issue