hendrik/lens
1
0
Fork 0
mirror of https://github.com/lensapp/lens.git synced 2025-05-20 05:10:56 +00:00
Code Issues Projects Releases Wiki Activity

hotbar css fix

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/renderer/components/cluster-manager/cluster-manager.scss
View File

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

6
src/renderer/components/hotbar/hotbar-menu.scss
View File

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

2
src/renderer/components/hotbar/hotbar-menu.tsx
View File

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