Tutorial queries can now be unavailable for certain corpora
Change-Id: Ib52cf6dfc2a020893dd6b252a3d1f5ddd53e936c
diff --git a/dev/js/src/tutorial.js b/dev/js/src/tutorial.js
index aa18c34..fbb33ee 100644
--- a/dev/js/src/tutorial.js
+++ b/dev/js/src/tutorial.js
@@ -94,7 +94,7 @@
* Decorate a page with query event handler.
*/
initQueries : function (d) {
- var qs = d.querySelectorAll('pre.query.tutorial');
+ var qs = d.querySelectorAll('pre.query.tutorial:not(.unsupported)');
var that = this;
for (var i = 0; i < qs.length; i++) {
qs[i].onclick = function (e) {
diff --git a/dev/scss/main/query.scss b/dev/scss/main/query.scss
index ab45238..7f99696 100644
--- a/dev/scss/main/query.scss
+++ b/dev/scss/main/query.scss
@@ -4,7 +4,6 @@
pre.query {
overflow-x: hidden;
- cursor: pointer;
padding: .5em;
@include choose-item;
position:relative;
@@ -14,11 +13,20 @@
radius: $standard-border-radius;
}
box-shadow: $choose-box-shadow;
-
- &:hover {
- @include choose-hover;
+ &:not(.unsupported) {
+ cursor: pointer;
+ &:hover {
+ @include choose-hover;
+ }
+ &:active {
+ @include choose-active;
+ }
}
- &:active {
- @include choose-active;
+ &.unsupported span {
+ vertical-align: super;
+ color: $dark-blue;
+ font-size: 90%;
+ font-weight: bold;
+ cursor: help;
}
}