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

Reverting back active cell effect

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-04-30 15:07:38 +03:00
parent 0ee65f4cc5
commit 9b07ba47cc
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/renderer/components/hotbar/hotbar-icon.scss
View File

@ -14,7 +14,7 @@
}
&.active {
box-shadow: 0 0 0px 3px #ffffff;
box-shadow: 0 0 0px 3px $clusterMenuBackground, 0 0 0px 6px #ffffff;
transition: all 0s 0.8s;
}
@ -24,6 +24,10 @@
}
}
&.isDragging {
box-shadow: none;
}
> .led {
position: absolute;
left: 3px;

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

@ -44,15 +44,16 @@
background: var(--layoutBackground);
border-radius: 6px;
position: relative;
transform: translateZ(0); // Remove flickering artifacts
&:hover {
&:not(:empty) {
box-shadow: 0 0 0px 3px #ffffff1a;
box-shadow: 0 0 0px 3px $clusterMenuBackground, 0 0 0px 6px #fff;
}
}
&.animating {
transform: translateZ(0); // Remove flickering artifacts
&:empty {
animation: shake .6s cubic-bezier(.36,.07,.19,.97) both;
transform: translate3d(0, 0, 0);
@ -93,6 +94,6 @@
}
100% {
box-shadow: 0 0 0px 0px $clusterMenuBackground, 0 0 0px 3px #ffffff;
box-shadow: 0 0 0px 3px $clusterMenuBackground, 0 0 0px 6px #ffffff;
}
}