doc: prevent tables from shrinking page

davidgilbertson · MylesBorins · commit 38329bd4385a · 2020-03-11T14:21:10.000-04:00
Tables on some pages (e.g. https://nodejs.org/api/crypto.html) are quite wide because of long content (e.g. URLs) that don't break. With this change, cell padding is smaller on small screens, and the table content is allowed to break. PR-URL: #31859 Reviewed-By: Luigi Pinca <luigipinca@gmail.com> Reviewed-By: Ruben Bridgewater <ruben@bridgewater.de> Reviewed-By: James M Snell <jasnell@gmail.com>
diff --git a/doc/api_assets/style.css b/doc/api_assets/style.css
@@ -251,14 +251,30 @@ table {
 th,
 td {
   border: 1px solid #aaa;
-  padding: .75rem 1rem;
+  padding: .5rem;
   vertical-align: top;
 }
 
 th {
   text-align: left;
 }
 
+td {
+  word-break: break-all; /* Fallback if break-word isn't supported */
+  word-break: break-word;
+}
+
+@media only screen and (min-width: 600px) {
+  th,
+  td {
+    padding: .75rem 1rem;
+  }
+
+  td:first-child {
+    word-break: normal;
+  }
+}
+
 ol,
 ul,
 dl {
