Code blocks don't wrap

[beechnut]

Expected Behavior

When I encounter a code block in the blog, it should wrap like a text editor would, or scroll horizontally so you can see all the code.

Actual Behavior

When I encounter a code block in the blog, if it's long enough, it runs off-screen. However, the horizontal scroll settings prevent me from scrolling to see the full block.

Inserting line breaks isn't necessarily the right solution — in this case, I would expect the database client to error if line breaks were inserted here. We want people to be able to copy and paste the code.

Steps to reproduce the behavior

• Include a long code block in a blog post, may we suggest:

grant CREATE SESSION, ALTER SESSION, CREATE DATABASE LINK, CREATE MATERIALIZED VIEW, CREATE PROCEDURE, CREATE PUBLIC SYNONYM, CREATE ROLE, CREATE SEQUENCE, CREATE SYNONYM, CREATE TABLE, CREATE TRIGGER, CREATE TYPE, CREATE VIEW, UNLIMITED TABLESPACE to { username 2 };

This issue is done when

• Code blocks wrap or scroll internally (like the code block in this very issue! ☝🏼)

[peterrowland]

Tested adding overflow-x: auto to the code css, and it has the desired effect.

[peterrowland]

PR for changes.

[bpdesigns]

@cantsin can you look at this today before @peterrowland is out of the office?

[cantsin]

LGTM but I am unsure how this ongoing work on 18f.gsa.gov impacts migration. @beechnut can you chime in here? OK to merge?

[beechnut]

@cantsin @peterrowland Ok to merge! Shouldn't affect anything in-progress.