dillonkearns/elm-pages-v3-beta
1
1
Fork 0
mirror of https://github.com/dillonkearns/elm-pages-v3-beta.git synced 2024-12-29 14:56:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

Remove space above and below code elements

Browse Source 
Modify shadow DOM tree construction to remove spaces introduced by string interpolation.
This commit is contained in:
Brian Ginsburg 2019-10-22 06:56:18 -07:00
parent eb5b7b7eb2
commit b011d184c2
1 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
examples/docs/lib/code-editor.js
View File

@ -24,15 +24,27 @@ customElements.define(
connectedCallback() {
let shadow = this.attachShadow({ mode: "open" });
shadow.innerHTML = `
<style>@import "https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism-okaidia.min.css";</style>
<pre class="line-numbers" style="padding: 20px; background: black; overflow: scroll;">
<code class="language-elm">
${Prism.highlight(this._editorValue, Prism.languages.elm, "elm")}
</code>
</pre>
let style = document.createElement("style");
style.textContent = `
@import "https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism-okaidia.min.css";
pre {
padding: 20px;
background: black;
overflow: scroll;
}
`;
let code = document.createElement("code");
code.setAttribute("class", "language-elm");
code.innerHTML = Prism.highlight(this.editorValue, Prism.languages.elm, "elm");
let pre = document.createElement("pre");
pre.appendChild(code);
shadow.appendChild(style);
shadow.appendChild(pre);
}
}
);