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:
parent
c686bb3340
commit
5c89ea9d7d
@ -13,7 +13,7 @@
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.ClustersMenu {
|
||||
.HotbarMenu {
|
||||
grid-area: menu;
|
||||
}
|
||||
|
||||
@ -34,4 +34,4 @@
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -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;
|
||||
}
|
||||
|
||||
@ -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
|
||||
|
||||
Loading…
Reference in New Issue
Block a user