Buildroot Archive on lore.kernel.org
 help / color / mirror / Atom feed
From: Angelo Compagnucci <angelo.compagnucci@gmail.com>
To: buildroot@buildroot.org
Cc: Thomas Petazzoni <thomas.petazzoni@bootlin.com>,
	Angelo Compagnucci <angelo.compagnucci@gmail.com>
Subject: [Buildroot] [PATCH 1/8] website/download: make the table responsive
Date: Wed,  4 Nov 2026 22:00:12 +0100	[thread overview]
Message-ID: <20261104210019.3509258-2-angelo.compagnucci@gmail.com> (raw)
In-Reply-To: <20261104210019.3509258-1-angelo.compagnucci@gmail.com>

The releases table has the same width on every screen: on phones, the
release dates and the download links are cut off on the right.

Wrap the table in a .table-responsive container, so that it scrolls
horizontally inside its card when it doesn't fit, and hide the "End of
Life" and "Latest release date" columns below the md breakpoint, so
that it fits on most phones without scrolling.

Signed-off-by: Angelo Compagnucci <angelo.compagnucci@gmail.com>
---
 docs/website/download.html | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/docs/website/download.html b/docs/website/download.html
index 6bbb7c8a1d..0a47106921 100644
--- a/docs/website/download.html
+++ b/docs/website/download.html
@@ -7,27 +7,28 @@
   <div class="card mb-4">
     <div class="card-header text-bg-primary rounded-top">Download</div>
     <div class="card-body">
+      <div class="table-responsive">
       <table class="table">
         <tr>
           <td></td>
           <th>Series</th>
-          <th>End of Life</th>
+          <th class="d-none d-md-table-cell">End of Life</th>
           <th>Latest release</th>
-          <th>Latest release date</th>
+          <th class="d-none d-md-table-cell">Latest release date</th>
           <th colspan="2">Downloads</th>
         </tr>
 <!--
         <tr>
           <th>Candidate</th>
           <th>2026.08.x</th>
-          <td>December 2026</td>
+          <td class="d-none d-md-table-cell">December 2026</td>
           <td>
             2026.08.1<br/>
             <a href="https://gitlab.com/buildroot.org/buildroot/-/blob/2026.08.1/CHANGES">
               Changelog
             </a>
           </td>
-          <td>2026-10-22</td>
+          <td class="d-none d-md-table-cell">2026-10-22</td>
           <td>
             <a href="/downloads/buildroot-2026.08.1.tar.gz">
               <img src="images/zip.png" width="24" alt="">
@@ -47,14 +48,14 @@
         <tr>
           <th>Stable</th>
           <th>2026.08.1.x</th>
-          <td>December 2026</td>
+          <td class="d-none d-md-table-cell">December 2026</td>
           <td>
             2026.08.1<br/>
             <a href="https://gitlab.com/buildroot.org/buildroot/-/blob/2026.08.1/CHANGES">
               Changelog
             </a>
           </td>
-          <td>2026-10-22</td>
+          <td class="d-none d-md-table-cell">2026-10-22</td>
           <td>
             <a href="/downloads/buildroot-2026.08.1.tar.gz">
               <img src="images/zip.png" width="24" alt="">
@@ -73,14 +74,14 @@
         <tr>
           <th>Old stable</th>
           <th>2026.05.x</th>
-          <td>September 2026</td>
+          <td class="d-none d-md-table-cell">September 2026</td>
           <td>
             2026.05.3<br/>
             <a href="https://gitlab.com/buildroot.org/buildroot/-/blob/2026.05.3/CHANGES">
               Changelog
             </a>
           </td>
-          <td>2026-09-10</td>
+          <td class="d-none d-md-table-cell">2026-09-10</td>
           <td>
             <a href="/downloads/buildroot-2026.05.3.tar.gz">
               <img src="images/zip.png" width="24" alt="">
@@ -99,14 +100,14 @@
         <tr>
           <th>Long-term support</th>
           <th>2025.02.x</th>
-          <td>March 2028</td>
+          <td class="d-none d-md-table-cell">March 2028</td>
           <td>
             2025.02.19<br/>
             <a href="https://gitlab.com/buildroot.org/buildroot/-/blob/2025.02.19/CHANGES">
               Changelog
             </a>
           </td>
-          <td>2026-10-22</td>
+          <td class="d-none d-md-table-cell">2026-10-22</td>
           <td>
             <a href="/downloads/buildroot-2025.02.19.tar.gz">
               <img src="images/zip.png" width="24" alt="">
@@ -123,6 +124,7 @@
           </td>
         </tr>
       </table>
+      </div>
 
       This and earlier releases (and their PGP signatures) can always be downloaded from
       <a href="/downloads/">https://buildroot.org/downloads/</a>.
-- 
2.34.1

_______________________________________________
buildroot mailing list
buildroot@buildroot.org
https://lists.buildroot.org/mailman/listinfo/buildroot

  reply	other threads:[~2026-11-04 21:00 UTC|newest]

Thread overview: 10+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2026-11-04 21:00 [Buildroot] [PATCH 0/8] website: follow-up fixes Angelo Compagnucci
2026-11-04 21:00 ` Angelo Compagnucci [this message]
2026-11-04 21:00 ` [Buildroot] [PATCH 2/8] website: rework the navigation bar Angelo Compagnucci
2026-11-04 21:00 ` [Buildroot] [PATCH 3/8] website/index: align the hero on the grid Angelo Compagnucci
2026-11-04 21:00 ` [Buildroot] [PATCH 4/8] website: version the CSS and JS URLs Angelo Compagnucci
2026-11-04 21:00 ` [Buildroot] [PATCH 5/8] website/download: fix the git clone box on phones Angelo Compagnucci
2026-11-04 21:00 ` [Buildroot] [PATCH 6/8] website/news: fix an unbalanced paragraph Angelo Compagnucci
2026-11-04 21:00 ` [Buildroot] [PATCH 7/8] website: escape the bare ampersands Angelo Compagnucci
2026-11-04 21:00 ` [Buildroot] [PATCH 8/8] DEVELOPERS: add Angelo Compagnucci for the website Angelo Compagnucci
2026-11-04 21:06 ` [Buildroot] [PATCH 0/8] website: follow-up fixes Thomas Petazzoni via buildroot

Reply instructions:

You may reply publicly to this message via plain-text email
using any one of the following methods:

* Save the following mbox file, import it into your mail client,
  and reply-to-all from there: mbox

  Avoid top-posting and favor interleaved quoting:
  https://en.wikipedia.org/wiki/Posting_style#Interleaved_style

* Reply using the --to, --cc, and --in-reply-to
  switches of git-send-email(1):

  git send-email \
    --in-reply-to=20261104210019.3509258-2-angelo.compagnucci@gmail.com \
    --to=angelo.compagnucci@gmail.com \
    --cc=buildroot@buildroot.org \
    --cc=thomas.petazzoni@bootlin.com \
    /path/to/YOUR_REPLY

  https://kernel.org/pub/software/scm/git/docs/git-send-email.html

* If your mail client supports setting the In-Reply-To header
  via mailto: links, try the mailto: link
Be sure your reply has a Subject: header at the top and a blank line before the message body. 
This is a public inbox, see mirroring instructions
for how to clone and mirror all data and code used for this inbox