Skip to content

Commit

Permalink
add scrollbar to tasmota tab
Browse files Browse the repository at this point in the history
  • Loading branch information
tim0-12432 committed Jun 12, 2023
1 parent 26dce89 commit 2fc0985
Showing 1 changed file with 23 additions and 0 deletions.
23 changes: 23 additions & 0 deletions static/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -65,6 +65,8 @@ body {
min-width: 100px;
max-width: 100%;
min-height: 50px;
max-height: 75vh;
overflow-y: auto;
background-color: var(--bg);
font-size: var(--font-size);
color: var(--text);
Expand All @@ -73,6 +75,27 @@ body {
transition: 300ms ease-in-out;
}

#tasmota-tab::-webkit-scrollbar {
width: 20px;
}

#tasmota-tab::-webkit-scrollbar-track {
background-color: var(--bg);
}

#tasmota-tab::-webkit-scrollbar-thumb {
background-color: var(--bar-bg);
cursor: pointer;
border-bottom: 1px solid var(--text);
border-top: 1px solid var(--text);
transition: 200ms ease-in-out;
}

#tasmota-tab::-webkit-scrollbar-thumb:hover {
border-top: 1px solid var(--console-fg);
border-bottom: 1px solid var(--console-fg);
}

#tasmota-tab.hidden {
transform: translateX(100%);
transition: 300ms ease-in-out;
Expand Down

0 comments on commit 2fc0985

Please sign in to comment.