commit 007db52510386fd2ff77da1e50a619eba9090cd8
author Joe Gregorio <jcgregorio@google.com> Fri Feb 17 11:42:45 2017 -0500
committer Skia Commit-Bot <skia-commit-bot@chromium.org> Fri Feb 17 16:53:23 2017 +0000
tree 3cd583c5f5e4e68b501cca7de2bddc1b7a666e17
parent 4bf660418359a6b2acc0640271233f0059414492

fiddle: Enforce pre formatting even when embedded.

Also fix 404s coming from text-src.

BUG=skia:

Change-Id: I8868e6b3812dc401856712617ea8bb89f946ca7b
Reviewed-on: https://skia-review.googlesource.com/8616
Reviewed-by: Joe Gregorio <jcgregorio@google.com>
Commit-Queue: Joe Gregorio <jcgregorio@google.com>

fiddle/res/imp/fiddle-sk.html

diff --git a/fiddle/res/imp/fiddle-sk.html b/fiddle/res/imp/fiddle-sk.html
index 62a95f2..4f8a171 100644
--- a/fiddle/res/imp/fiddle-sk.html
+++ b/fiddle/res/imp/fiddle-sk.html
@@ -129,6 +129,8 @@
       color: darkgreen;
       margin-bottom: 1em;
       width: 56em;
+      font-family: monospace;
+      font-size: 13px;
     }
 
     .hint {
@@ -240,7 +242,7 @@
         <h2>Output</h2>
       </template>
       <div class=textoutput>
-        <text-src src="[[domain]]/i/[[fiddlehash]].txt"></text-src>
+        <text-src src="[[_textURL(domain, fiddlehash)]]"></text-src>
       </div>
     </template>
 
@@ -416,6 +418,13 @@
 
     _not: function(b) {
       return !b;
+    },
+
+    _textURL: function(domain, fiddlehash) {
+      if (fiddlehash == "") {
+        return "";
+      }
+      return domain + "/i/" + fiddlehash + ".txt";
     }
 
   });

fiddle/res/imp/text-src.html

diff --git a/fiddle/res/imp/text-src.html b/fiddle/res/imp/text-src.html
index 025a6c8..791911c 100644
--- a/fiddle/res/imp/text-src.html
+++ b/fiddle/res/imp/text-src.html
@@ -14,8 +14,20 @@
 -->
 
 <dom-module id="text-src">
+  <style>
+    .output {
+      margin: 0;
+      padding: 0;
+      background: white;
+      color: darkgreen;
+      width: 56em;
+      overflow-x: auto;
+      font-family: monospace;
+      font-size: 13px;
+    }
+  </style>
   <template>
-    <pre>[[ _text ]]</pre>
+    <pre class=output>[[ _text ]]</pre>
   </template>
 </dom-module>