Merge branch 'table-width-mobile-#1045'

Rebuilt assets/css/devportal2020.css

content/concepts/payment-system-basics/accounts/accounts.md

@@ -51,6 +51,7 @@ For more technical details of how to calculate an XRP Ledger address, see [Addre
 
 Some addresses have special meaning, or historical uses, in the XRP Ledger. In many cases, these are "black hole" addresses, meaning the address is not derived from a known secret key. Since it is effectively impossible to guess a secret key from only an address, any XRP possessed by black hole addresses is lost forever.
 
+
 | Address                       | Name | Meaning | Black Hole? |
 |-------------------------------|------|---------|-------------|
 | `rrrrrrrrrrrrrrrrrrrrrhoLvTp` | ACCOUNT\_ZERO | An address that is the XRP Ledger's [base58][] encoding of the value `0`. In peer-to-peer communications, `rippled` uses this address as the issuer for XRP. | Yes |

content/concepts/payment-system-basics/ledgers.md

@@ -32,6 +32,7 @@ In the case of transactions, the identifying hash is based on the signed transac
 
 The `rippled` server makes a distinction between ledger versions that are _open_, _closed_, and _validated_. A server has one open ledger, any number of closed but unvalidated ledgers, and an immutable history of validated ledgers. The following table summarizes the difference:
 
+
 | Ledger Type:                      | Open                        | Closed                                     | Validated |
 |:---------------------------------|:----------------------------|:-------------------------------------------|:--|
 | **Purpose:**                     | Temporary workspace         | Proposed next state                        | Confirmed previous state |

dactyl-config.yml

@@ -33,6 +33,7 @@ default_filters:
     - external_links
     - status_badges
     - include_svg
+    - css_tables
 
 callout_class: "devportal-callout"
 callout_types:

styles/_content.scss

@@ -93,38 +93,6 @@ a.card,
 }
 
 
-
-/* Tables ------------------------------- */
-
-.content table {
-  clear: right;
-  margin-bottom: 48px;
-}
-
-.content table code {
-  word-break: normal;
-  white-space: nowrap;
-}
-
-th {
-  border-bottom: 2px solid $gray-200;
-}
-tr {
-  border-bottom: 1px solid $gray-200;
-}
-
-th, td {
-  padding: 0.2em;
-  vertical-align: text-top;
-  padding: 12px;
-}
-
-td:nth-child(1) {
-  font-weight: bold;
-}
-
-
-
 /* Cards ------------------------------- */
 .card {
   background-color: transparent;

styles/_tables.scss

@@ -1,4 +1,34 @@
 /* TABLE STYLING */
+
+.content table {
+  clear: right;
+  margin-bottom: 48px;
+}
+
+.content table code {
+  word-break: normal;
+  white-space: nowrap;
+}
+
+th {
+  border-bottom: 2px solid $gray-200;
+}
+tr {
+  border-bottom: 1px solid $gray-200;
+}
+
+th, td {
+  padding: 0.2em;
+  vertical-align: text-top;
+  padding: 12px;
+}
+
+td:nth-child(1) {
+  font-weight: bold;
+}
+
+
+
 .dblue {
   color: #656E81;
 }

tool/filter_css_tables.py

@@ -0,0 +1,18 @@
+################################################
+## Add class to tables
+## Author: Jake Bonham
+## Copyright: Ripple Labs, 2021
+##
+## Finds tables and adds bootstrap class 
+################################################
+
+import re
+
+def filter_soup(soup, **kwargs):
+    """
+    Adds responsive class to tables.
+    """
+
+    tables = soup.find_all("table")
+    for table in tables:
+        table['class'] = table.get('class', []) + ['table-responsive']