The throbber icons on autocomplete are broken in 'Magazeen' 6.x-3.0-beta1; there are two icons, and the socond one keeps rotating. See attached screenshot (Opera 10.x/Win)

Related: #467172: New Throbber, Auto-complete CSS

Thanks & greetings,
-asb

CommentFileSizeAuthor
#8 throbber.jpeg1.27 KBasb
#6 throbber-icons-opera.jpg1.52 KBasb
throbber-magazeen-opera.jpg2.54 KBasb

Comments

rogerpfaff’s picture

rogerpfaff
he/his
Primary language German
Location Munich
commented

This is an issue in Firefox too

Ifadah’s picture

Ifadah commented

Adding this to "local.css" would fix it

html.js input.form-autocomplete {

background-position: 100% 7px;
}

For "local-rtl.css" add this

html.js input.form-autocomplete {
background-position: 0 7px;
}

Or better modify it in "../modules/system/system.css" at the line 295
And "../modules/system/system-rtl.css" at the line 49

Hope that helps.

asb’s picture

asb commented

@Ifadah:

Thanks for the modification; however, for Opera this is not working :-(

Hacking core files like ./modules/system/system.css is not an gut idea (modifications are lost on upgrade, probable side effects to other (admin) themes...). This really needs to be fixed in the theme itself...

Greetings, -asb

rogerpfaff’s picture

rogerpfaff
he/his
Primary language German
Location Munich
commented

the changes solve the issue in firefox.

Anonymous’s picture

Anonymous (not verified) commented

This looks better in Firefox:

/* Animated throbber */

html.js input.form-autocomplete {
  background-position: 100% 5px; /* LTR */
}

html.js input.throbbing {
  background-position: 100% -15px; /* LTR */
}

In Opera, the above works ok-ish as well. But strangely not for the Author field, because it does not get the class form-autocomplete when rendered in Opera.

asb’s picture

asb commented
StatusFileSize
new throbber-icons-opera.jpg1.52 KB

In the current Opera 10.60, Build 3445 (Win32) the icons are still shifted (see attached screenshot, made after issuing a drush cache clear).

sheena_d’s picture

sheena_d commented
Status: Active » Closed (fixed)

A fix for this issue has been added for the next release of the theme. Until then, you can add the following CSS code to you local.css file:

/*reposition throbber icon*/

html.js .form-item input.form-autocomplete {
	background-position: 5px right; 
}

html.js .form-item input.form-autocomplete.throbbing {
	background-position: -15px right; 
}
asb’s picture

asb commented
Status: Closed (fixed) » Active
StatusFileSize
new throbber.jpeg1.27 KB

Since there was no new release for a couple of months I'm reopening this issue as a reminder.

The CSS from #7 does not fix this issue for me. Screenshot attached (Opera 11.00, Build 1156, Linux 64 bit, Ubuntu 10.10).

This might be a issue of Fusion as I'm experiencing this in Acquia Slate 3.x as well. Related issue: #467172: New Throbber, Auto-complete CSS.

sheena_d’s picture

sheena_d commented
Status: Active » Closed (fixed)

asb,

Thanks for testing that CSS. The values for the background position were accidentally swapped. Here's what it should be:

/*reposition throbber icon*/

html.js .form-item input.form-autocomplete {
	background-position: right 5px; 
}

html.js .form-item input.form-autocomplete.throbbing {
	background-position: right -15px; 
}
asb’s picture

asb commented

Hm, I changed that snippet in my local.css and cleared all caches, but the throbber icons are still shifed as before. Damn, and I can't even find html.js .form-item input.form-autocomplete.throbbing in Dragonfly (Opera's Firebug) :-(

asb’s picture

asb commented
Title: Throbber icons on autocomplete fields are broken » Throbber icons on autocomplete fields are broken in Opera
Project: Magazeen » Fusion
Version: 6.x-3.0-beta1 » 6.x-1.13
Status: Closed (fixed) » Active

I still have this as well in 'Magazeen' as in every other 'Fusion'-based theme, no matter if altered or unaltered. The suggested fixes from #9 have no effect, at least not in Opera up to the current version 12.00 (build 1467 for Linux). Also it does not matter if the autocomplete fields are in a block (like provided by 'community_tags'), or on a node edit form. It simply looks crappy in Opera.

Poieo’s picture

Poieo commented
Issue summary: View changes
Status: Active » Closed (won't fix)

Closing as won't fix since the D6 version is getting no new development.