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

Tried to update the animations for documentation and utterly failed. Sad face. Line 89 of demo.css

Browse Source
This commit is contained in:
Jono Brandel 2011-02-01 16:04:39 -08:00
parent f23464c58c
commit 9c6ef53953
3 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
demo/demo.css
View File

@ -86,16 +86,14 @@ div.expanded h2:before, div.collapsed h2:before {
font-size: 9px; font-size: 9px;
font-family: Monaco, monospace; font-family: Monaco, monospace;
} }
/* Can't seem to get this transition to work :( */
div.collapsed .collapsable { div.collapsable {
overflow: hidden; overflow: hidden;
clear: both; clear: both;
height: 0; height: 0px;
} -moz-transition: height .2s linear;
div.expanded .collapsable { -webkit-transition: height .2s linear;
overflow: hidden; transition: height .2s linear;
clear: both;
height: auto;
} }
div.expanded { cursor: pointer; } div.expanded { cursor: pointer; }

2
gui.css
View File

@ -100,7 +100,7 @@ a.guidat-toggle:hover {
border: 0; border: 0;
color: #1ed36f; color: #1ed36f;
margin-right: 2px; margin-right: 2px;
width: 148px; width: 148px;
} }
.guidat-controller.boolean { .guidat-controller.boolean {

7
index.html
View File

@ -74,8 +74,11 @@
if(this.className == 'collapsed') { if(this.className == 'collapsed') {
this.className = 'expanded'; this.className = 'expanded';
var children = this.childNodes;
this.childNodes[3].style.height = 'auto';
} else { } else {
this.className = 'collapsed'; this.className = 'collapsed';
this.childNodes[3].style.height = '0px';
} }
} }
@ -241,7 +244,7 @@ gui.add(obj, "changingProperty").listen();
// Make your own loop // Make your own loop
setInterval(function() { setInterval(function() {
gui.listen(); // updates values you've marked with listen() gui.listen(); // updates values you've marked with listen()
}, 1000 / 60);</pre> }, 1000 / 60);</pre>
<p>Alternatively, you can forego calling <code>listen()</code> on individual controllers, and instead choose to monitor changes in <em>all</em> values controlled by your gui.</p> <p>Alternatively, you can forego calling <code>listen()</code> on individual controllers, and instead choose to monitor changes in <em>all</em> values controlled by your gui.</p>
@ -253,7 +256,7 @@ gui.add(obj, "properties");
// Make your own loop // Make your own loop
setInterval(function() { setInterval(function() {
gui.listenAll(); // updates ALL values managed by this gui gui.listenAll(); // updates ALL values managed by this gui
}, 1000 / 60);</pre> }, 1000 / 60);</pre>
</div> </div>
</div> </div>