Merge pull request #16622 from nextcloud/design/scrollbar
Standardize scrollbar color and width across Webkit and Firefox
This commit is contained in:
commit
a0a43de499
|
@ -23,6 +23,8 @@ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pr
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
|
scrollbar-color: var(--color-border-dark) transparent;
|
||||||
|
scrollbar-width: thin;
|
||||||
}
|
}
|
||||||
|
|
||||||
html, body {
|
html, body {
|
||||||
|
@ -146,7 +148,7 @@ body {
|
||||||
/* SCROLLING */
|
/* SCROLLING */
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 9px;
|
width: 6px;
|
||||||
height: 5px;
|
height: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -155,10 +157,11 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
background: var(--color-background-darker);
|
background: var(--color-border-dark);
|
||||||
border-radius: var(--border-radius);
|
border-radius: var(--border-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* SELECTION */
|
/* SELECTION */
|
||||||
|
|
||||||
::selection {
|
::selection {
|
||||||
|
|
Loading…
Reference in New Issue