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

Fixing resizing anchor highlight (#3056)

Browse Source 
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
This commit is contained in:
Alex Andreev 2021-06-15 13:48:23 +03:00 committed by GitHub
parent 62bc806105
commit 36dab02c34
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/renderer/components/resizing-anchor/resizing-anchor.scss
View File

@ -38,13 +38,13 @@ body.resizing {
height: 100%; height: 100%;
margin-left: 50%; margin-left: 50%;
background: transparent; background: transparent;
transition: all 0.2s 0s; transition: background 0.2s 0s;
} }
&:hover { &:hover {
&::after { &::after {
background: var(--blue); background: var(--blue);
transition: all 0.2s 0.5s; transition: background 0.2s 0.5s;
} }
} }
@ -58,8 +58,20 @@ body.resizing {
cursor: row-resize; cursor: row-resize;
height: $dimension; height: $dimension;
&.leading { &::after {
top: -$dimension / 2; height: 3px;
width: 100%;
margin-left: 0;
}
.resizing & {
$expandedHeight: 200px;
height: $expandedHeight;
margin-top: -$expandedHeight / 2;
&::after {
margin-top: $expandedHeight / 2;
}
} }
&.trailing { &.trailing {