search

wuleiroger / dat-gui

Automatically exported from code.google.com/p/dat-gui
0 stars 0 forks source link

incorrect vertical spacing (line height) for slider control #27

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago 
What steps will reproduce the problem?
1. This minimum gui exhibits controls 3 times too tall, with empty vertical 
space between starting and ending horizontal elements:

gCgrn3.gui = new dat.GUI({ width:     340, 
                           autoPlace: false
                        });

var guiParams = function() 
        { this.correction = gCgrn3.correction; // floating point value, from global
    }
gCgrn3.guiParams = new guiParams();
gCgrn3.gui.add( gCgrn3.guiParams, 'correction', 0.7, 1.0 )
            .name('Perspective Correction')
            .step(0.01)
            .onChange(updatePerspectiveCorrection)
            .onFinishChange(updatePerspectiveCorrection);

What is the expected output? What do you see instead?

I expect to see a single horizontal GUI control with a slider. This sorta 
appears, but the left most element is in the top left of a larger box, a too 
tall box, that has the slider in the middle and the right most element (some 
sorta border element) on the lower right of this big box that is 3 times too 
tall. The fonts are normal. There's just a lot of vertical space between the 
elements.

What version of the product are you using? On what operating system?
I just copied a new version on Sunday, 12-2, and again today (12/4) from this 
site (http://code.google.com/p/dat-gui). 
The dat.gui is deployed on a Windows Server 2008 R2, under the Uniform Server 
(a WAMP configured for public internet use), and within a Drupal 6 framework, 
hosting a WebGL preview of 3D models. 

Please provide any additional information below.

The 'updatePerspectiveCorrection()' function referenced above does not modify 
the GUI. 

I'm wondering what CSS dat.gui relies upon, and why I'm unable to locate the 
CSS causing my issue; I'm using the element browser in Firefox, but can't find 
the cause.

I was using a previous version of the dat.gui, acquired nearly a year ago, and 
that version's horizontal slider worked fine, nearly the same logic. This 
version's logic is different only in the sense I made the dat.gui setup logic 
closer to the examples in the documentation.

Also, sorry, I'm unable to offer a link exhibiting the issue. (Everything else 
on the hosted site is confidential.)

Original issue reported on code.google.com by bsenft...@gmail.com on 5 Dec 2012 at 4:09

Attachments: