Increase throbber.gif height

subscribing

I don't see anything here but your opinion that the size should be increased. Is this just a matter of your aesthetic opinion, or is there some other reason for the increased size?

http://www.youtube.com/watch?v=pWdd6_ZxX8c

:-)

I run into this as well and always have to override the throbber. See attached image.

A better solution might be having two separate images that are replaced instead of having the height adjusted.

But, that's just, like, my opinion, man. :)

Here's the bigger one I use: throbber.gif

Posted about it here: http://forrst.com/posts/7_AJAX_Loading_Icon_Generators_Plus_a_new_Drup-Y3K

Having the same issue as #7 too.

Hi doublejosh, I tried your image but it doesn't change when throbbing.

The image is extra tall so that you can have bigger inputs, you'll need to adjust your CSS to fit your site.
I put this throbber up so folks wouldn't have to create the image too.

There has a patch with fix: #1069152: Throbber in textfield is misaligned when browser hardware acceleration enabled (gfx)

I changed the default bg image position with css and it looks fine (see images below) but for some reason this change made it stop switching to the throbber part when a user is entering data. I tested the positioning first with firebug and the throbber worked but once I made the change in my local.css the throbber stoped switching. I'm using corporate clean theme.
The css I used is:

html.js input.form-autocomplete {
    background-position: 100% 8px;
}

Before:

After:

same issue and #1069152: Throbber in textfield is misaligned when browser hardware acceleration enabled (gfx) (February 22, 2011 ) is opened before this one

Did you make the .throbbing class never fire? Need to create a rule for that to keep the behavior?
I'm guessing the class is still getting attached when it's suppose to.

+1 - Just ran into this today, this is needed for designs with large input fields.

override the css file with these value

For an idea, in the corolla subtheme.
This is an example to display no throbber when no load
and display a mythrobber.gif when there is load

html.js input.form-autocomplete {
background-image: none;
}

html.js input.throbbing {
background-image: url(../../../../misc/mythrobber.gif);
background-position: 98% 10px;
}

I filed a competing issue to this one, sorry https://drupal.org/node/2046869
Wouldn't it make more sense to use two images instead of increasing the throbbers height?
This is easier to manage because you just center the images vertically.

Using a sprite in this scenario won't improve Drupals performance footprint to any perceivable amount I would claim.

two images attached

Finally I see I was linking to the wrong issue.
Corrected now: https://drupal.org/node/2046869
Any opinions on if two images could resolve the discussions as to how high the one image should be?
Is there anything I am missing why this has to be a sprite? the passive part of the gif is not even moving, so filesize-wise, it should be even smaller. Is it two http requests, one for each image?

This is great, i always use taller field items, and the standard throbber always looks broken, i think 2 images is good solution

this issue is marked a duplicate in #14. Please discuss there, or reopen this and explain the difference.