DPDK patches and discussions
 help / color / mirror / Atom feed
From: Thomas Monjalon <thomas@monjalon.net>
To: dev@dpdk.org
Subject: [PATCH v3 2/2] doc: give full width to NIC overview page
Date: Wed, 31 Jul 2024 17:57:28 +0200	[thread overview]
Message-ID: <20240731155947.1681531-3-thomas@monjalon.net> (raw)
In-Reply-To: <20240731155947.1681531-1-thomas@monjalon.net>

The wide tables in the NIC overview exceed the normal page width
because of the large number of drivers.

A CSS trick is added to allow displaying the tables in the full width
of the browser window.

Signed-off-by: Thomas Monjalon <thomas@monjalon.net>
---
v2: no change
v3: let only tables to overflow on wide screen
---
 doc/guides/custom.css        | 13 +++++++++++++
 doc/guides/nics/overview.rst |  2 ++
 2 files changed, 15 insertions(+)

diff --git a/doc/guides/custom.css b/doc/guides/custom.css
index 221024655c..a8ee6bed2c 100644
--- a/doc/guides/custom.css
+++ b/doc/guides/custom.css
@@ -4,6 +4,19 @@
 
 /* Override readthedocs theme */
 
+/* Set full width for all responsive tables of a page.
+ * Usage: insert the following line in the doc.
+ *        .. rst-class:: widepage
+ */
+@media screen and (min-width: 1100px) {
+    .wy-nav-content-wrap:has(.widepage) {
+        background: white !important;
+    }
+    .wy-nav-content:has(.widepage) .wy-table-responsive {
+        overflow: visible !important;
+    }
+}
+
 /* Spacing before a list item must be bigger than spacing inside the item.
  * Complex list items start with a p.first element. */
 .section li > .first {
diff --git a/doc/guides/nics/overview.rst b/doc/guides/nics/overview.rst
index 67575c699c..4553076481 100644
--- a/doc/guides/nics/overview.rst
+++ b/doc/guides/nics/overview.rst
@@ -24,6 +24,8 @@ Most of these differences are summarized below.
 
 More details about features can be found in :doc:`features`.
 
+.. rst-class:: widepage
+
 .. _table_net_pmd_features:
 
 .. include:: overview_table.txt
-- 
2.45.0


  parent reply	other threads:[~2024-07-31 16:00 UTC|newest]

Thread overview: 17+ messages / expand[flat|nested]  mbox.gz  Atom feed  top
2024-07-21  9:15 [PATCH 0/2] custom doc styling Thomas Monjalon
2024-07-21  9:15 ` [PATCH 1/2] doc: copy custom CSS on guides build Thomas Monjalon
2024-07-21  9:15 ` [PATCH 2/2] doc: give full width to NIC overview page Thomas Monjalon
2024-07-31  8:31 ` [PATCH v2 0/2] custom doc styling Thomas Monjalon
2024-07-31  8:31   ` [PATCH v2 1/2] doc: copy custom CSS on guides build Thomas Monjalon
2024-07-31 11:25     ` Ferruh Yigit
2024-07-31  8:31   ` [PATCH v2 2/2] doc: give full width to NIC overview page Thomas Monjalon
2024-07-31 11:29     ` Ferruh Yigit
2024-07-31 12:43       ` Thomas Monjalon
2024-07-31 15:56         ` Thomas Monjalon
2024-07-31 15:57 ` [PATCH v3 0/2] custom doc styling Thomas Monjalon
2024-07-31 15:57   ` [PATCH v3 1/2] doc: copy custom CSS on guides build Thomas Monjalon
2024-07-31 15:57   ` Thomas Monjalon [this message]
2024-07-31 16:17     ` [PATCH v3 2/2] doc: give full width to NIC overview page Ferruh Yigit
2024-07-31 16:21       ` Thomas Monjalon
2024-07-31 16:22   ` [PATCH v3 0/2] custom doc styling Thomas Monjalon
2024-07-31 16:38     ` Ferruh Yigit

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=20240731155947.1681531-3-thomas@monjalon.net \
    --to=thomas@monjalon.net \
    --cc=dev@dpdk.org \
    /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;
as well as URLs for NNTP newsgroup(s).