css: add .m-console-wrap for console output.

diff --git a/css/m-components.css b/css/m-components.css
index d5197cc606fe9f331447adfa0e5913f7830e05f2..8402e937063ab10469d7eae39d858038855450ab 100644 (file)
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -88,6 +88,10 @@ pre {
   overflow-x: auto;
   margin-top: 0; /* stupid defaults */
 }
+pre.m-console-wrap {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
 pre.m-console {
   background-color: var(--console-background-color);
 }

diff --git a/css/m-dark+documentation.compiled.css b/css/m-dark+documentation.compiled.css
index c2a92391f98c6d94cc4b593ecdc58d02e1ddcc14..a3e09071c273df8f3aafb95c0ee93b9d4f595b54 100644 (file)
--- a/css/m-dark+documentation.compiled.css
+++ b/css/m-dark+documentation.compiled.css
@@ -400,6 +400,10 @@ pre {
   overflow-x: auto;
   margin-top: 0;
 }
+pre.m-console-wrap {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
 pre.m-console {
   background-color: #161616;
 }

diff --git a/css/m-dark.compiled.css b/css/m-dark.compiled.css
index 55d10a6ef667d0fda7a9e6173c22c7c2659ee814..1657e392f85a579ba503de84475ef8b8f515684b 100644 (file)
--- a/css/m-dark.compiled.css
+++ b/css/m-dark.compiled.css
@@ -400,6 +400,10 @@ pre {
   overflow-x: auto;
   margin-top: 0;
 }
+pre.m-console-wrap {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
 pre.m-console {
   background-color: #161616;
 }

diff --git a/css/m-light+documentation.compiled.css b/css/m-light+documentation.compiled.css
index 74bcdf32d50fbad0a4c7dec828c734920ab31c1b..b6fb059d4fe83c80b4e278949a155462911c283e 100644 (file)
--- a/css/m-light+documentation.compiled.css
+++ b/css/m-light+documentation.compiled.css
@@ -400,6 +400,10 @@ pre {
   overflow-x: auto;
   margin-top: 0;
 }
+pre.m-console-wrap {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
 pre.m-console {
   background-color: #000000;
 }

diff --git a/css/m-light.compiled.css b/css/m-light.compiled.css
index cc04184a1fd594cbad31bac26a4d3272226480cf..546c40588015e75ea1aa63ff5553c50f6d13010e 100644 (file)
--- a/css/m-light.compiled.css
+++ b/css/m-light.compiled.css
@@ -400,6 +400,10 @@ pre {
   overflow-x: auto;
   margin-top: 0;
 }
+pre.m-console-wrap {
+  white-space: pre-wrap;
+  word-break: break-all;
+}
 pre.m-console {
   background-color: #000000;
 }

diff --git a/doc/css/components.rst b/doc/css/components.rst
index 968fd0f6b4fd23279fb15010a1d23d2728b91e64..787d9e05a39caa44325fdf5ba24931bd7c923c96 100644 (file)
--- a/doc/css/components.rst
+++ b/doc/css/components.rst
@@ -922,6 +922,10 @@ might then look similarly to this:
         <pre class="m-console">CONTRIBUTING.rst  CREDITS.rst  <span class="g g-AnsiBrightBlue">doc</span>            <span class="g g-AnsiBrightBlue">plugins</span>        README.rst
         COPYING           <span class="g g-AnsiBrightBlue">css</span>          <span class="g g-AnsiBrightBlue">documentation</span>  <span class="g g-AnsiBrightBlue">pelican-theme</span>  <span class="g g-AnsiBrightBlue">site</span></pre>
 
+It's sometimes desirable to have console output wrapped to the available
+container width (like terminals do). Add :css:`.m-console-wrap` to the
+:html:`<pre>` to achieve that effect.
+
 .. note-success::
 
     The Pelican Code plugin mentioned above is able to do