From 5a0055c15d04d97e8a0feb784daa7abe8da1d72d Mon Sep 17 00:00:00 2001
From: Artur Paikin <artur@arturpaikin.com>
Date: Wed, 31 Jul 2019 17:48:50 +0300
Subject: [PATCH] fix docs/locales code escaping and css overflow

---
 website/inject.js                         | 2 +-
 website/themes/uppy/source/css/_page.scss | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/website/inject.js b/website/inject.js
index 602abef72..f3e3bfbbc 100644
--- a/website/inject.js
+++ b/website/inject.js
@@ -202,7 +202,7 @@ function injectLocaleList () {
 
     const languageName = LocaleCode.getLanguageName(localeNameWithDash)
     const countryName = LocaleCode.getCountryName(localeNameWithDash)
-    const npmPath = `<code><a href="https://www.npmjs.com/package/@uppy/locales">@uppy/locales</a>/lib/${localeName}</code>`
+    const npmPath = `<code class="raw"><a href="https://www.npmjs.com/package/@uppy/locales">@uppy/locales</a>/lib/${localeName}</code>`
     const cdnPath = `[\`${localeName}.min.js\`](https://transloadit.edgly.net/releases/uppy/locales/v${localePackageVersion}/${localeName}.min.js)`
     const githubSource = `[\`${localeName}.js\`](https://github.com/transloadit/uppy/blob/master/packages/%40uppy/locales/src/${localeName}.js)`
     const mdTableRow = `| ${languageName}<br/> <small>${countryName}</small>${variant ? `<br /><small>(${variant})</small>` : ''} | ${npmPath} | ${cdnPath} | ✏️ ${githubSource} |`
diff --git a/website/themes/uppy/source/css/_page.scss b/website/themes/uppy/source/css/_page.scss
index 386a7a530..bf94f8b5b 100644
--- a/website/themes/uppy/source/css/_page.scss
+++ b/website/themes/uppy/source/css/_page.scss
@@ -360,6 +360,9 @@
 .page-docs-locales table {
   overflow: visible;
 }
+.page-docs-locales .highlight table {
+  overflow: scroll;
+}
 .page-docs-locales table td {
   white-space: nowrap;
   font-size: 90%;