Skip to content

Commit

Permalink
Add docs for touch area
Browse files Browse the repository at this point in the history
  • Loading branch information
leongersen committed Feb 6, 2019
1 parent 2509f3d commit c565ca0
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 2 deletions.
1 change: 1 addition & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@ Keyboard support is now built-in, so any custom implementations should be remove
Alternatively, built-in keyboard support can be disabled using `keyboardSupport: false`.
- Added: Built-in keyboard support (#724)
- Added: `.noUi-touch-area` element (#924)
- Fixed: Dragging a range does not check for handle disabled state (#938)
- Fixed: Incorrect CSS transform in pips (#931)

### 12.1.0 (*2018-10-25*)
Expand Down
8 changes: 6 additions & 2 deletions documentation/more.php
Original file line number Diff line number Diff line change
Expand Up @@ -79,7 +79,7 @@
<p>To update any other option, destroy the slider using <code>slider.noUiSlider.destroy()</code> and create a new one. Events are unbound when destroying a slider.</p>

<p>The update method can be called as:</p>

<pre><code>slider.noUiSlider.updateOptions(
newOptions, // Object
true // Boolean 'fireSetEvent'
Expand Down Expand Up @@ -150,7 +150,7 @@
<section>

<div class="view">
<p>Styling noUiSlider is easy. The default stylesheet contains helpful comments to get a head start.</p>
<p>If you want to style noUiSlider, the default stylesheet contains helpful comments to get a head start.</p>

<p>It is recommended to use the default stylesheet, overriding where necessary, as a starting point when re-styling noUiSlider.</p>

Expand Down Expand Up @@ -189,6 +189,10 @@
<td><code>.noUi-handle</code></td>
<td>The actual, visible handles. Style these any way you like!</td>
</tr>
<tr>
<td><code>.noUi-touch-area</code></td>
<td>An empty div withing <code>.noUi-handle</code>. Can be styled larger if desired.</td>
</tr>
<tr>
<td><code>.noUi-connect</code></td>
<td>Styling class for setting properties related to the slider <code>connect</code> segment.</td>
Expand Down

0 comments on commit c565ca0

Please sign in to comment.