fix(examples/youtube): use the default theme

algolia · Nov 11, 2015 · cf9a4b6 · cf9a4b6
1 parent f379c0a
commit cf9a4b6
Show file tree

Hide file tree

Showing 17 changed files with 27 additions and 302 deletions.
diff --git a/docs/examples/youtube/index.html b/docs/examples/youtube/index.html
@@ -1,3 +1,7 @@
+---
+# this ensures Jekyll reads the file to be transformed into HTML later
+---
+
 <!doctype html>
 <html>
 <head>
@@ -6,6 +10,11 @@
   <link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap/3.3.5/css/bootstrap.min.css" />
   <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" />
   <link href="//fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css" />
+  {% if site.env == 'development' %}
+  <link rel="stylesheet" href="//localhost:8080/instantsearch.css" />
+  {% else %}
+  <link rel="stylesheet" href="//cdn.jsdelivr.net/instantsearch.js/0/instantsearch.min.css" />
+  {% endif %}
   <link rel="stylesheet" type="text/css" href="style.css" />
   <!--[if lte IE 9]>
   <script src="//cdn.polyfill.io/v2/polyfill.min.js"></script>
@@ -43,7 +52,11 @@ <h5><i class="fa fa-chevron-right"></i> Ratings</h5>
       <div id="pagination" class="text-center"></div>
     </article>
   </section>
-  <script src="//cdn.jsdelivr.net/instantsearch.js/0/instantsearch.min.js"></script>
+  {% if site.env == 'development' %}
+  <script src="//localhost:8080/instantsearch.js"></script>
+  {% else %}
+  <script src="//cdn.jsdelivr.net/instantsearch.js/0/instantsearch.js"></script>
+  {% endif %}
   <script src="search.js"></script>
 </body>
 </html>
diff --git a/docs/examples/youtube/scss/_base.scss b/docs/examples/youtube/scss/_base.scss
diff --git a/docs/examples/youtube/scss/_default.scss b/docs/examples/youtube/scss/_default.scss
diff --git a/docs/examples/youtube/scss/_hierarchical-menu.scss b/docs/examples/youtube/scss/_hierarchical-menu.scss
diff --git a/docs/examples/youtube/scss/_hits.scss b/docs/examples/youtube/scss/_hits.scss
diff --git a/docs/examples/youtube/scss/_index-selector.scss b/docs/examples/youtube/scss/_index-selector.scss
diff --git a/docs/examples/youtube/scss/_menu.scss b/docs/examples/youtube/scss/_menu.scss
diff --git a/docs/examples/youtube/scss/_pagination.scss b/docs/examples/youtube/scss/_pagination.scss
diff --git a/docs/examples/youtube/scss/_price-ranges.scss b/docs/examples/youtube/scss/_price-ranges.scss
diff --git a/docs/examples/youtube/scss/_range-slider.scss b/docs/examples/youtube/scss/_range-slider.scss
diff --git a/docs/examples/youtube/scss/_refinement-list.scss b/docs/examples/youtube/scss/_refinement-list.scss
diff --git a/docs/examples/youtube/scss/_search-box.scss b/docs/examples/youtube/scss/_search-box.scss
diff --git a/docs/examples/youtube/scss/_stats.scss b/docs/examples/youtube/scss/_stats.scss
diff --git a/docs/examples/youtube/scss/_toggle.scss b/docs/examples/youtube/scss/_toggle.scss
diff --git a/docs/examples/youtube/scss/_variables.scss b/docs/examples/youtube/scss/_variables.scss
diff --git a/docs/examples/youtube/search.js b/docs/examples/youtube/search.js
@@ -70,7 +70,8 @@ search.addWidget(
 search.addWidget(
   instantsearch.widgets.rangeSlider({
     container: '#ratings',
-    facetName: 'rating'
+    attributeName: 'rating',
+    pips: false
   })
 );
 

diff --git a/docs/examples/youtube/style.scss b/docs/examples/youtube/style.scss
@@ -2,10 +2,6 @@
 # this ensures Jekyll reads the file to be transformed into CSS later
 ---
 
-// the relative path is not working here,
-// Jekyll will always look in the sass_dir
-@import "../examples/youtube/scss/default";
-
 $white: #FFFFFF;
 $youtube-red: #E91D00;
 $youtube-red-dark: #CE1312;
@@ -139,6 +135,17 @@ section {
 
     #ratings {
       margin: 40px 30px;
+
+      .ais-range-slider--target {
+      }
+
+      .ais-range-slider--handle {
+        border-color: $youtube-red;
+      }
+
+      .ais-range-slider--connect {
+        background-color: $youtube-red;
+      }
     }
 
   }