Merge pull request #5 from onebytegone/emoji-support-overflow

fix: constrain overflowing content for <pre> tags
onebytegone · Jul 29, 2019 · 7254b12 · 7254b12
2 parents 65c6066 + 88411ed
commit 7254b12
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -4,9 +4,11 @@
    <body class="sans-serif flex flex-column items-center">
       <a class="skipToContent noPrint" href="#content">{{ i18n "skipToContentLnk" }}</a>
       {{- partial "site-header.html" . -}}
-      <main id="content" class="ph3 ph4-m mw7">
-         {{- partial "page-breadcrumbs.html" . -}}
-         {{- block "main" . }}{{- end }}
+      <main id="content" class="mw-100">
+         <div class="mw7 ph3 ph4-m ">
+            {{- partial "page-breadcrumbs.html" . -}}
+            {{- block "main" . }}{{- end }}
+         </div>
       </main>
       {{- partial "footer.html" . -}}
       <script type="text/javascript" src="{{ .Site.BaseURL }}/js/substratum.js"></script>

diff --git a/src/scss/partials/_global.scss b/src/scss/partials/_global.scss
@@ -5,3 +5,8 @@
       display: none;
    }
 }
+
+article pre {
+   overflow: auto;
+   padding: 1em;
+}