Bob Tiernay created ZEPPELIN-187:
------------------------------------
Summary: Markdown - Add CSS context hooks for better styling
Key: ZEPPELIN-187
URL: https://issues.apache.org/jira/browse/ZEPPELIN-187
Project: Zeppelin
Issue Type: Improvement
Components: GUI
Affects Versions: 0.6.0
Reporter: Bob Tiernay
It would be great if one could override the default Markdown styling by way of
an external stylesheet. All that would be needed is context class on the
enclosing div element.
Currently the markup looks like this:
{code:html}
<div id="p20150719-181157_958465190_html" ng-if="paragraph.result.type ==
'HTML'" ng-init="loadResultType(paragraph.result)"
class="ng-scope"><h3>Hi!!!!</h3>
</div>
{code}
Adding a context class of {{markdown-result}}:
{code:html}
<div id="p20150719-181157_958465190_html" class="markdown-result"
ng-if="paragraph.result.type == 'HTML'"
ng-init="loadResultType(paragraph.result)" class="ng-scope"><h3>Hi!!!!</h3>
</div>
{code}
Allows one do custom styling such as:
{code}
.markdown-result h3 {
color: blue
}
{code}
More such context selectors can be added over time for other features /
interpreters, but this would be a great start!
--
This message was sent by Atlassian JIRA
(v6.3.4#6332)
