From 1a2037d2b812da16965e29d32f64430312a74c60 Mon Sep 17 00:00:00 2001 From: Thomas Perale Date: Wed, 25 Mar 2026 11:15:16 +0100 Subject: [PATCH] website/sponsors.html: use flexbox for sponsor grid To avoid having to move all the sponsors through the bootstrap 'row' when adding a new "past sponsor" on top of the current stack, this commit make the card rely on flexboxes instead of the bootstrap internals. This make sure that the body of the card always fit the row height and the also make sure that the image always fit properly without having to touch the inline css. Signed-off-by: Thomas Perale Signed-off-by: Julien Olivain --- docs/website/css/sponsors.css | 40 +++++++ docs/website/sponsors.html | 207 ++++++++++++++++------------------ 2 files changed, 139 insertions(+), 108 deletions(-) create mode 100644 docs/website/css/sponsors.css diff --git a/docs/website/css/sponsors.css b/docs/website/css/sponsors.css new file mode 100644 index 0000000000..889737eabd --- /dev/null +++ b/docs/website/css/sponsors.css @@ -0,0 +1,40 @@ +.sponsors-container { + display: flex; + flex-wrap: wrap; + gap: 15px; + align-items: stretch; +} + +.sponsor-entry { + flex: 0 0 calc(33.333% - 10px); + display: flex; + flex-direction: column; + min-width: 250px; +} + +.sponsor-entry .panel { + flex: 1; + display: flex; + flex-direction: column; +} + +.sponsor-entry .panel-body { + flex: 1; + display: flex; + flex-direction: column; +} + +.sponsor-title { + display: flex; + align-items: center; + justify-content: center; + min-height: 150px; +} + +.sponsor-title img { + max-height: 120px; +} + +.sponsor-body { + flex: 1; +} diff --git a/docs/website/sponsors.html b/docs/website/sponsors.html index eef82d2cfa..c15802257e 100644 --- a/docs/website/sponsors.html +++ b/docs/website/sponsors.html @@ -1,5 +1,7 @@ + +
@@ -15,29 +17,30 @@

Gold Sponsors

-
+
+