1
0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00

hotbar css fix

Signed-off-by: Jari Kolehmainen <jari.kolehmainen@gmail.com>
This commit is contained in:
Jari Kolehmainen 2021-04-01 14:26:04 +03:00
parent c686bb3340
commit 5c89ea9d7d
3 changed files with 4 additions and 8 deletions

View File

@ -13,7 +13,7 @@
display: flex;
}
.ClustersMenu {
.HotbarMenu {
grid-area: menu;
}
@ -34,4 +34,4 @@
flex: 1;
}
}
}
}

View File

@ -13,15 +13,11 @@
height: 20px; // extra spacing for mac-os "traffic-light" buttons
}
.clusters {
.items {
@include hidden-scrollbar;
padding: 0 $spacing; // extra spacing for cluster-icon's badge
margin-bottom: $margin;
.ClusterIcon {
margin-bottom: $margin * 1.5;
}
&:empty {
display: none;
}

View File

@ -24,7 +24,7 @@ export class HotbarMenu extends React.Component<Props> {
return (
<div className={cssNames("HotbarMenu flex column", className)}>
<div className="clusters flex column gaps">
<div className="items flex column gaps">
{items.map((entity) => {
return (
<HotbarIcon