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 |
ac258ad to
672bbc5
Compare
|
Rebased on upstream |
|
🚀 Preview for commit 672bbc5 at: https://69cadb8696a4ad2ddf25cfc9--layer5.netlify.app |
672bbc5 to
3026bb9
Compare
|
Rebased on upstream |
|
🚀 Preview for commit 3026bb9 at: https://69cd0da9683853f9b4bce1bc--layer5.netlify.app |
3026bb9 to
efbb1c9
Compare
|
Rebased on upstream |
|
🚀 Preview for commit efbb1c9 at: https://69cd621319761288a8eef19b--layer5.netlify.app |
efbb1c9 to
7d4d49f
Compare
|
Rebased on upstream |
|
🚀 Preview for commit 7d4d49f at: https://69cdeedfc1a861286fa1feee--layer5.netlify.app |
7d4d49f to
caa8b32
Compare
|
Rebased on upstream |
|
🚀 Preview for commit caa8b32 at: https://69ce0af2bc01477a2f2df6de--layer5.netlify.app |
caa8b32 to
4134caf
Compare
|
Rebased on upstream |
|
🚀 Preview for commit 4134caf at: https://69ce5f2a5e54637393defeb6--layer5.netlify.app |
4134caf to
d05a421
Compare
|
Rebased on upstream |
|
🚀 Preview for commit d05a421 at: https://69cf24571ced17b9243fe506--layer5.netlify.app |
d05a421 to
9c9861a
Compare
|
Rebased on upstream |
|
🚀 Preview for commit 9c9861a at: https://69cf968f2b8f85a87adc71b8--layer5.netlify.app |
…7511) Rebased on upstream master (2026-04-03). Signed-off-by: LeC-D <leo.openc@gmail.com>
9c9861a to
dedc3c7
Compare
|
Fixed the DCO failure: the |
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.