docs updates

- update ace, highlight, jQuery, underscore - add flat dropdown example to mm-docs-shell for debug - change .editor-{{name}} to just #editor
MediaMath · Sep 8, 2015 · 5b340cb · 5b340cb
1 parent 9c4dd7e
commit 5b340cb
Show file tree

Hide file tree

Showing 4 changed files with 413 additions and 129 deletions.
diff --git a/docs/component_template.html b/docs/component_template.html
@@ -13,7 +13,7 @@ <h1>{{name}}</h1>
 					<section>
 						<h3>Example HTML Editor</h3>
 						<div class="editor-wrapper">
-							<div id="editor-{{name}}" class="editor">{{example}}</div>
+							<div id="editor">{{example}}</div>
 						</div>
 					</section>
 					<section>
@@ -167,9 +167,8 @@ <h3>Related Articles</h3>
 
 					docsShell.addEventListener("docs-nav-selected", navigateToPage);
 
-					editor = ace.edit("editor-{{name}}");
+					editor = ace.edit("editor");
 					editor.setTheme("ace/theme/chrome");
-					editor.session.setUseWrapMode(true);
 					editor.session.setMode("ace/mode/html");
 					editor.getSession().on('change', _.debounce(update, 500));
 

diff --git a/docs/docs.scss b/docs/docs.scss
@@ -239,7 +239,7 @@ section:last-child {
 	min-height: 300px;
 }
 
-.editor {
+#editor {
 	position: absolute;
 	z-index: 0;
 	top:0;

diff --git a/docs/head.html b/docs/head.html
@@ -4,16 +4,17 @@
 	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
 	<meta name="HandheldFriendly" content="True"/>
 	<meta name="MobileOptimized" content="320"/>
-	<meta name="theme-color" content="#000000"/><!-- TODO : Add correct theme color -->
+	<meta name="theme-color" content="#000000"/>
 	<meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1"/>
 	<title>Strand Web Components</title>
 	<script language="javascript" src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
 	<link rel="stylesheet" type="text/css" href="docs.css"/>
+	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.8.0/styles/github.min.css">
 	<link rel="import" href="bower_components/strand/dist/strand.html"/>
-	<script language="javascript" src="//cdnjs.cloudflare.com/ajax/libs/ace/1.1.3/ace.js"></script>
-	<script language="javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.js"></script>
-	<script language="javascript" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore-min.js"></script>
-	<script language="javascript" src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/highlight.min.js"></script>
-	<link rel="stylesheet" type="text/css" href="docs.css"/>
-	<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.4/styles/github.min.css"/>
+	<script language="javascript" src="//cdnjs.cloudflare.com/ajax/libs/ace/1.2.0/ace.min.js"></script>
+	<script language="javascript" src="//cdnjs.cloudflare.com/ajax/libs/ace/1.2.0/mode-html.js"></script>
+	<script language="javascript" src="//cdnjs.cloudflare.com/ajax/libs/ace/1.2.0/theme-chrome.js"></script>
+	<script language="javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
+	<script language="javascript" src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
+	<script language="javascript" src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.8.0/highlight.min.js"></script>
 </head>