hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

Adding custom scrollbar on hover

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-04-26 12:07:15 +03:00
parent e37d91ff3d
commit 6c7d3efb3c
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/renderer/components/hotbar/hotbar-menu.scss
View File

@ -25,7 +25,22 @@
box-sizing: content-box; box-sizing: content-box;
margin: 0 auto; margin: 0 auto;
height: 100%; height: 100%;
@include hidden-scrollbar; overflow: hidden;
padding-bottom: 8px;
&:hover {
overflow: overlay;
&::-webkit-scrollbar {
width: 0.4em;
background: transparent;
z-index: 1;
}
&::-webkit-scrollbar-thumb {
background: var(--borderFaintColor);
}
}
.HotbarCell { .HotbarCell {
width: var(--cellWidth); width: var(--cellWidth);
@ -81,9 +96,9 @@
content: " "; content: " ";
position: absolute; position: absolute;
width: 100%; width: 100%;
height: 30px; height: 20px;
background: linear-gradient(0deg, var(--clusterMenuBackground), transparent); background: linear-gradient(0deg, var(--clusterMenuBackground), transparent);
top: -30px; top: -20px;
} }
.Badge { .Badge {