What controls the UI close button in SugarCube 1?

Claretta

I've noticed that the X button at the top right of the UI dialogue in SugarCube 1 is controlled differently than the actual UI dialog box. I've changed the jQuery in the header to remove the transition on the main dialogue box (I figured changing a few fadeTo numbers from 200 to 0 won't break anything), but the X button still fades in, and I cannot seem to locate it in the header or CSS.

Claretta

This seems to do it:

#ui-body-close {
-webkit-transition: none;
}

I guess in the absence of any custom rules it was reverting to some default.

TheMadExile

The dialog closer fade in comes from the uiOpen() method (see: uisystem.js:681), specifically line 709 (see: uisystem.js:709). There is no fade out.

Claretta

Thanks. Swore I changed that, but it didn't seem to do anything until I specified the css no transition. Mine was definitely longer than 50ms.

But it's good to know I can still check the source files. Trying to read the minified header is... painful. :P

TheMadExile

Yes. The easiest way is to go to the Source tab, then either filter by release branch (e.g. v1-release) or, if you're not at the branch's tip, by tag (e.g. v1.0.31).