fix: Issue #1496 Code block does not wrap text when printing

[oliveiradouglas]

Issue reference: https://github.com/requarks/wiki/issues/1496

Fix Printscreen:

[aapwikip]

@oliveiradouglas Does this PR fix this issue as well? Looks Similar

https://github.com/requarks/wiki/discussions/6759

[oliveiradouglas]

@wikiaap yes, look:

Before the fix, the code block was cut:

After fix, the code block respects page width and wraps the text:

[aapwikip]

@oliveiradouglas what if there are no white spaces e.g. a website link as shows in the given issue? #6789

[oliveiradouglas]

Hello,Really it not worked, any suggestion?Sds,Douglas Oliveira.On 4 Jul 2024, at 03:50, wikiaap @.***> wrote: @oliveiradouglas what if there are no white spaces e.g. a website link as shows in the given issue? #6789

—Reply to this email directly, view it on GitHub, or unsubscribe.You are receiving this because you were mentioned.Message ID: @.***>

[BPowell76]

Issue reference: #1496

Fix Printscreen:

If you want the PR to include the issue it closes, add the following to your initial comment:

closes #1496

This will add a link to the issue in the sidebar in the Development section

[zha0jf]

add these lines at this position, can wrap texts with no white spaces when printing.

    .prismjs{
      box-shadow: none;
      background-color: #FFF;

      /*  add these lines */
      white-space: pre-wrap !important; 
      word-wrap: break-word !important;
      overflow-wrap: break-word !important;

      @at-root .theme--dark & {
        background-color: #FFF;
      }

      > code {
        color: #000;
        box-shadow: none;
        text-shadow: none;

        /*  add these lines */
        white-space: pre-wrap !important; 
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
      }
    }

@oliveiradouglas what if there are no white spaces e.g. a website link as shows in the given issue? #6789