1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
lens/src/renderer/components/cluster-icon/cluster-icon.scss
alexfront e2abd8b7eb Increasing opacity for non-interactive icons
Signed-off-by: alexfront <alex.andreev.email@gmail.com>
2020-08-07 11:48:14 +03:00

38 lines
542 B
SCSS

.ClusterIcon {
--size: 37px;
position: relative;
border-radius: $radius;
padding: $radius;
user-select: none;
cursor: pointer;
&.interactive {
img {
opacity: .55;
}
}
&.active, &.interactive:hover {
background-color: #fff;
img {
opacity: 1;
}
}
img {
width: var(--size);
height: var(--size);
}
.Badge {
position: absolute;
right: 0;
bottom: 0;
margin: -$padding * 1.5;
font-size: $font-size-small;
background: $colorError;
color: white;
}
}