docs: fix tooltips and tweak copy on “enable/disable sliders” button

kennethkalmer · Dec 17, 2016 · 12f6b89 · 12f6b89
1 parent 72952ce
commit 12f6b89
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/tests/dummy/app/styles/_base.scss b/tests/dummy/app/styles/_base.scss
@@ -223,7 +223,8 @@
     position: relative;
     padding: 20px 60px 50px 30px;
     margin: 20px 0;
-    overflow: hidden;
+    font-size: 12px;
+    line-height: 1em;
   }
   .example-val {
     font: 400 12px Arial;
@@ -241,6 +242,9 @@
   .example.vertical .noUi-target {
     height: 150px;
   }
+  .example.tooltips ~ .example.tooltips {
+      margin-top: 0;
+  }
 
   .before-example ~ .example {
     margin-top: 0;

diff --git a/tests/dummy/app/templates/options.hbs b/tests/dummy/app/templates/options.hbs
@@ -179,7 +179,13 @@
 
       <div class="example" style="margin: 0; padding-bottom: 20px">
         {{range-slider start=model.defaultStart disabled=model.disabled range=model.defaultRange}}
-        <button {{action "disableSlider"}}>Disable sliders</button>
+        <button {{action "disableSlider"}}>
+          {{#if model.disabled}}
+          Enable sliders
+          {{else}}
+          Disable sliders
+          {{/if}}
+        </button>
       </div>
 
       <div class="options">
@@ -300,11 +306,11 @@
 
         <p>noUiSlider can provide a basic tooltip without using its events system. Set the tooltips option to <code>true</code> to enable. This option can also accept formatting options to format the tooltips content. In that case, pass an <code>array</code> with a formatter for each handle, <code>true</code> to use the default or <code>false</code> to display no tooltip.</p>
 
-      <div class="example" style="margin: 0; padding-bottom: 20px">
+      <div class="example tooltips" style="">
         {{range-slider start=model.defaultStart tooltips=true range=model.defaultRange}}
       </div>
 
-      <div class="example" style="margin: 0;">
+      <div class="example tooltips" style="">
         {{range-slider start=model.defaultStart tooltips=model.tooltips range=model.defaultRange}}
       </div>