1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
lens/src/renderer/components/hotbar/hotbar-icon.module.scss
Alex Andreev 37d8294198
Remove HotbarIcon box-shadow artifacts (#5142)
Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
2022-03-30 15:23:46 +03:00

37 lines
846 B
SCSS

/**
* Copyright (c) OpenLens Authors. All rights reserved.
* Licensed under MIT License. See LICENSE in root directory for more information.
*/
.HotbarIcon {
--corner: 0px 0px 0px 1px var(--clusterMenuBackground);
--iconActiveShadow: var(--corner), var(--corner), 0 0 0px 3px var(--clusterMenuBackground), 0 0 0px 6px var(--textColorAccent);
--iconHoverShadow: 0 0 0px 3px var(--clusterMenuBackground), 0 0 0px 6px #ffffff50;
display: flex;
cursor: pointer;
position: relative;
border-radius: 6px;
transition: box-shadow 0.1s ease-in-out;
&:not(.active):hover {
box-shadow: var(--iconHoverShadow);
}
}
.contextMenuAvailable {
cursor: context-menu;
}
.avatar {
border-radius: 6px;
&.hasImage {
background-color: var(--clusterMenuCellBackground);
}
}
.active {
box-shadow: var(--iconActiveShadow);
}