fix(integrations): reduce excessive bottom space in honeycomb grid (#7511)#7514
fix(integrations): reduce excessive bottom space in honeycomb grid (#7511)#7514LeC-D wants to merge 1 commit intolayer5io:masterfrom
Conversation
|
🚀 Preview for commit 7f2c791 at: https://69b70095afd869ed4bdb8a68--layer5.netlify.app |
7f2c791 to
8b39ece
Compare
|
Rebased on upstream |
|
🚀 Preview for commit 8b39ece at: https://69c32a6e9b7e4bdc918d0f7f--layer5.netlify.app |
8b39ece to
3ab7c27
Compare
|
Rebased on upstream |
|
🚀 Preview for commit 3ab7c27 at: https://69c4449cae17b975eda6ab42--layer5.netlify.app |
3ab7c27 to
c1145c1
Compare
|
Rebased on upstream |
|
🚀 Preview for commit c1145c1 at: https://69c498ae5c3baa6701970583--layer5.netlify.app |
c1145c1 to
6e53d08
Compare
|
Rebased on upstream |
|
🚀 Preview for commit 6e53d08 at: https://69c50878dd2aa69895b89f74--layer5.netlify.app |
6e53d08 to
3d96ad5
Compare
|
🚀 Preview for commit 3d96ad5 at: https://69c64188dba8e3a68909d95d--layer5.netlify.app |
3d96ad5 to
ee721e3
Compare
|
Rebased on upstream |
|
🚀 Preview for commit ee721e3 at: https://69c6e7fba3795482facb8ac3--layer5.netlify.app |
|
Rebased on upstream |
ee721e3 to
ac258ad
Compare
|
Rebased on upstream |
|
🚀 Preview for commit ac258ad at: https://69c81c242af301645b00ebbe--layer5.netlify.app |
…ayer5io#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>
ac258ad to
672bbc5
Compare
|
Rebased on upstream |
|
🚀 Preview for commit 672bbc5 at: https://69cadb8696a4ad2ddf25cfc9--layer5.netlify.app |
Description
Fixes #7511
The integrations page (/cloud-native-management/meshery/integrations) shows a large empty space below the last row of integration hexagons.
Root Cause
In
Honeycomb.style.js, theulelement's explicit height is computed as:The
$heightvalue is already calculated precisely inHoneycomb.jsbased on the number of hexagon rows (e.g.pairsCount * 272 + 130). The extra+ 46pxwas adding ~43px of unnecessary empty space below the last row.Fix
Reduced the buffer from
46pxto3px— matching themarginapplied to eachlielement — to preserve the small visual buffer needed for the bottom row while eliminating the large gap.Testing
150px * 1.1547 ≈ 173px, negative margin≈ -40px, net ≈ 136px/row — consistent with272pxper pair used inHoneycomb.js, confirming the explicit height needs no additional large buffer.