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 { &.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; transition: all 0s 0.8s;
} }
@ -24,6 +24,10 @@
} }
} }
&.isDragging {
box-shadow: none;
}
> .led { > .led {
position: absolute; position: absolute;
left: 3px; left: 3px;

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

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