jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-23 17:26:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix scrollbar on Firefox (#3357)

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/ha-sidebar.ts
View File

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

2
src/resources/ha-style.ts
View File

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