`, and ``.
diff --git a/superset/assets/stylesheets/superset.less b/superset/assets/stylesheets/superset.less
index aa5678cea4080..bacc18adc0efa 100644
--- a/superset/assets/stylesheets/superset.less
+++ b/superset/assets/stylesheets/superset.less
@@ -1,9 +1,3 @@
-@font-face {
- font-family: "Roboto";
- src: url("./fonts/Roboto-Regular.woff2") format("woff2"),
- url("./fonts/Roboto-Regular.woff") format("woff");
-}
-
body {
margin: 0px !important;
}
@@ -255,4 +249,8 @@ div.widget .slice_container {
.panel .table-responsive{
width: 98%;
}
-}
\ No newline at end of file
+}
+iframe {
+ border: none;
+ width: 100%;
+}
diff --git a/superset/assets/visualizations/markup.js b/superset/assets/visualizations/markup.js
index ba0ad446d001d..379e2ef3dc389 100644
--- a/superset/assets/visualizations/markup.js
+++ b/superset/assets/visualizations/markup.js
@@ -4,11 +4,29 @@ require('./markup.css');
function markupWidget(slice, payload) {
$('#code').attr('rows', '15');
- slice.container.css({
+ const jqdiv = slice.container;
+ jqdiv.css({
overflow: 'auto',
height: slice.container.height(),
});
- slice.container.html(payload.data.html);
+
+ const iframeId = `if__${slice.containerId}`;
+ const html = `
+
+
+
+
+
+ ${payload.data.html}
+
+ `;
+ jqdiv.html(`
+ `);
+ $('#' + iframeId)[0].srcdoc = html;
}
module.exports = markupWidget;
diff --git a/superset/viz.py b/superset/viz.py
index c2d65e6c8524e..100d8bbd6fce2 100644
--- a/superset/viz.py
+++ b/superset/viz.py
@@ -28,7 +28,7 @@
from six import string_types, PY3
from dateutil import relativedelta as rdelta
-from superset import app, utils, cache
+from superset import app, utils, cache, get_manifest_file
from superset.utils import DTTM_ALIAS
config = app.config
@@ -439,7 +439,7 @@ def get_data(self, df):
code = self.form_data.get("code", '')
if markup_type == "markdown":
code = markdown(code)
- return dict(html=code)
+ return dict(html=code, theme_css=get_manifest_file('theme.css'))
class SeparatorViz(MarkupViz):