Fix scrollbar on Firefox (#3357)

This commit is contained in:
Paulus Schoutsen 2019-07-12 14:42:56 -07:00 committed by GitHub
parent f258aa2818
commit 8f3d5fdb7d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 3 deletions

View File

@ -412,15 +412,15 @@ class HaSidebar extends LitElement {
display: initial;
}
::-webkit-scrollbar {
paper-listbox::-webkit-scrollbar {
width: 0.4rem;
height: 0.4rem;
}
::-webkit-scrollbar-thumb {
paper-listbox::-webkit-scrollbar-thumb {
-webkit-border-radius: 4px;
border-radius: 4px;
background: var(--secondary-text-color);
background: var(--scrollbar-thumb-color);
}
paper-listbox {
@ -431,6 +431,8 @@ class HaSidebar extends LitElement {
height: calc(100% - 196px);
overflow-y: auto;
overflow-x: hidden;
scrollbar-color: var(--scrollbar-thumb-color) transparent;
scrollbar-width: thin;
}
a {

View File

@ -31,6 +31,8 @@ documentContainer.innerHTML = `<custom-style>
--accent-color: #ff9800;
--divider-color: rgba(0, 0, 0, .12);
--scrollbar-thumb-color: rgb(194, 194, 194);
/* states and badges */
--state-icon-color: #44739e;
--state-icon-active-color: #FDD835;