1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
lens/src/renderer/components/cluster-manager/clusters-menu.scss
Roman 6df56b5471 cluster-manager view
Signed-off-by: Roman <ixrock@gmail.com>
2020-07-10 12:47:50 +03:00

50 lines
964 B
SCSS

.ClustersMenu {
@include hidden-scrollbar;
$menuBgc: #252729;
padding: $padding * 1.5;
background: $menuBgc;
.add-cluster {
position: relative;
.Icon.add {
border-radius: $radius;
padding: $padding / 3;
color: $menuBgc !important;
background: white !important;
font-weight: bold;
cursor: pointer;
opacity: 0.4;
&.active {
opacity: 1;
}
&:hover {
box-shadow: none;
opacity: .75;
}
}
// todo: reuse in cluster-icon.tsx
.Badge.new-contexts {
$boxSize: 17px;
$offset: -7px;
position: absolute;
font-size: $font-size-small;
right: $offset;
bottom: $offset;
line-height: $boxSize;
min-width: $boxSize;
min-height: $boxSize;
text-align: center;
color: white;
background: $colorSuccess;
font-weight: normal;
border-radius: $radius;
padding: 0;
}
}
}