Fix position of color picker. Fadeout flyouts so that user has a chance to see them upon first click

git-svn-id: http://svg-edit.googlecode.com/svn/trunk@220 eee81c28-f429-11dd-99c0-75d572ba1ddd
master
Jeff Schiller 2009-06-28 14:35:08 +00:00
parent d7a2c3e71c
commit ae1cd5592b
1 changed files with 4 additions and 4 deletions

View File

@ -232,7 +232,7 @@ function svg_edit_setup() {
// - adds the tool_button_current class to the button passed in // - adds the tool_button_current class to the button passed in
var toolButtonClick = function(button) { var toolButtonClick = function(button) {
if ($(button).hasClass('tool_button_disabled')) return false; if ($(button).hasClass('tool_button_disabled')) return false;
$('.tools_flyout').hide(); $('.tools_flyout').fadeOut();
$('#styleoverrides').text(''); $('#styleoverrides').text('');
$('.tool_button_current').removeClass('tool_button_current').addClass('tool_button'); $('.tool_button_current').removeClass('tool_button_current').addClass('tool_button');
$(button).addClass('tool_button_current'); $(button).addClass('tool_button_current');
@ -440,7 +440,7 @@ function svg_edit_setup() {
} }
var pos = elem.position(); var pos = elem.position();
picker = 'stroke'; picker = 'stroke';
$('#color_picker').css({'left': pos.left, 'top': pos.top}).jPicker({ $('#color_picker').css({'left': pos.left, 'top': pos.top-300}).jPicker({
images: { clientPath: "jpicker/images/" }, images: { clientPath: "jpicker/images/" },
color: { active: color } color: { active: color }
}, function(color){ }, function(color){
@ -519,7 +519,7 @@ function svg_edit_setup() {
evt.preventDefault(); evt.preventDefault();
}); });
$('#tools_rect').mouseleave(function() { $('#tools_rect').mouseleave(function() {
$('#tools_rect').hide(); $('#tools_rect').fadeOut();
}); });
$('#tools_ellipse_show').mousedown(function(evt){ $('#tools_ellipse_show').mousedown(function(evt){
@ -528,7 +528,7 @@ function svg_edit_setup() {
evt.preventDefault(); evt.preventDefault();
}); });
$('#tools_ellipse').mouseleave(function() { $('#tools_ellipse').mouseleave(function() {
$('#tools_ellipse').hide(); $('#tools_ellipse').fadeOut();
}); });
$('.tool_flyout_button').mouseover(function() { $('.tool_flyout_button').mouseover(function() {