library-mirrors/dat.gui
1
0
Fork 0
mirror of https://github.com/dataarts/dat.gui.git synced 2024-12-12 04:08:27 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Number Controllers Improvements

Browse Source 
adds the ability to change the value in the Number box while the
controller is listening via .listen().

Prevents the slider bar from being wider than than 100%.
This commit is contained in:
Dennis Markgraf 2014-07-19 14:15:35 +02:00
parent 303cb10e07
commit b94ff75f35
3 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/dat/controllers/NumberControllerBox.js
View File

@ -85,7 +85,9 @@ define([
}
function onMouseDrag(e) {
document.activeElement.blur();
var diff = prev_y - e.clientY;
_this.setValue(_this.getValue() + diff * _this.__impliedStep);
@ -114,7 +116,7 @@ define([
{
updateDisplay: function() {
if (dom.isActive(this.__input)) return;
this.__input.value = this.__truncationSuspended ? this.getValue() : roundToDecimal(this.getValue(), this.__precision);
return NumberControllerBox.superclass.prototype.updateDisplay.call(this);
}

4
src/dat/controllers/NumberControllerSlider.js
View File

@ -55,7 +55,9 @@ function(NumberController, dom, css, common, styleSheet) {
dom.addClass(this.__foreground, 'slider-fg');
function onMouseDown(e) {
document.activeElement.blur();
dom.bind(window, 'mousemove', onMouseDrag);
dom.bind(window, 'mouseup', onMouseUp);

3
src/dat/gui/style.css
View File

@ -273,7 +273,8 @@
background: #303030;
cursor: ew-resize; }
.dg .c .slider-fg {
background: #2fa1d6; }
background: #2fa1d6;
max-width: 100%; }
.dg .c .slider:hover {
background: #3c3c3c; }
.dg .c .slider:hover .slider-fg {