Add a link to CQL help

hammerlab · Dec 5, 2014 · 0d3a406 · 0d3a406
1 parent e4440ba
commit 0d3a406
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 0 deletions.
diff --git a/cycledash/static/css/examine.css b/cycledash/static/css/examine.css
@@ -281,6 +281,17 @@ dt {
 .query-status.loading:before {
   content: "";
 }
+.cql-help {
+  position: absolute;
+  top: 50%;
+  margin-top: -10px;
+  right: 375px;  /* width of Stats Table + 25px */
+  width: 20px;
+  height: 20px;
+  background: url(/static/img/noun_61692.svg);
+  background-size: 20px 20px;
+  opacity: 0.55;
+}
 .server-error {
   color: red;
 }

diff --git a/cycledash/static/img/noun_61692.svg b/cycledash/static/img/noun_61692.svg
diff --git a/cycledash/static/js/examine/components/QueryBox.js b/cycledash/static/js/examine/components/QueryBox.js
@@ -145,6 +145,8 @@ var QueryBox = React.createClass({
         <div className='typeahead-input'>
           <span ref='status' className={statusClasses}></span>
           <input ref='input' className='query-input' type='text' />
+          <a className='cql-help' title='CQL Help' href='https://github.com/hammerlab/cycledash/wiki/CQL-(CycleDash-Query-Language)'>
+          </a>
         </div>
         {errorMessage}
       </div>