[jira] [Created] (ZEPPELIN-187) Markdown - Add CSS context hooks for better styling

["Bob Tiernay (JIRA)" <ji...@apache.org>]

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)