Skip to content

Commit 672bbc5

Browse files
committed
fix(integrations): reduce excessive bottom space in honeycomb grid (#7511)
The HoneycombGrid ul element had an extra 46px added to its explicit height (calc(height + 46px)). Since the height is already calculated precisely in Honeycomb.js based on hexagon row counts, this 46px surplus was creating empty vertical space below the last row of integrations on the /integrations page. Reduced from +46px to +3px (matching the margin value applied to each li element) to eliminate the visual gap while preserving the small buffer needed for the bottom row's top margin. Signed-off-by: Léo (LeC-D) <leo.openc@gmail.com>
1 parent a82010e commit 672bbc5

File tree

1 file changed

+1
-1
lines changed

1 file changed

+1
-1
lines changed

src/sections/Meshery/Meshery-integrations/Honeycomb/Honeycomb.style.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ export const HoneycombGrid = styled.div`
66
ul {
77
font-size: 0;
88
line-height: 0;
9-
height: ${(props) => props.$height === 0 ? "unset" : `calc(${props.$height}px + 46px)`};
9+
height: ${(props) => props.$height === 0 ? "unset" : `calc(${props.$height}px + 3px)`};
1010
&:before {
1111
content: "";
1212
width: calc(150px / 2 + 3px);

0 commit comments

Comments
 (0)