Issue #1069152 by droplet, alexandrezia, jhedstrom | ogi: Throbber in...

Issue #1069152 by droplet, alexandrezia, jhedstrom | ogi: Throbber in textfield is misaligned when browser hardware acceleration enabled (gfx).

core/modules/system/css/system.module.css

@@ -11,18 +11,19 @@
 
 /* Animated throbber */
 .js input.form-autocomplete {
-  background-image: url(../../../misc/throbber.gif);
-  background-position: 100% 2px; /* LTR */
+  background-image: url(../../../misc/throbber-inactive.png);
+  background-position: 100% center; /* LTR */
   background-repeat: no-repeat;
 }
 .js[dir="rtl"] input.form-autocomplete {
-  background-position: 0% 2px;
+  background-position: 0% center;
 }
 .js input.form-autocomplete.ui-autocomplete-loading {
-  background-position: 100% -18px; /* LTR */
+  background-image: url(../../../misc/throbber-active.gif);
+  background-position: 100% center; /* LTR */
 }
 .js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
-  background-position: 0% -18px;
+  background-position: 0% center;
 }
 
 /**
@@ -219,7 +220,7 @@ table.sticky-header {
   float: right;
 }
 .ajax-progress-throbber .throbber {
-  background: transparent url(../../../misc/throbber.gif) no-repeat 0px -18px;
+  background: transparent url(../../../misc/throbber-active.gif) no-repeat 0px center;
   display: inline;
   padding: 1px 5px 2px;
 }

core/themes/bartik/css/style.css

@@ -1427,20 +1427,6 @@ input.form-submit:focus {
   color: #717171;
 }
 
-/* Animated throbber */
-.js input.form-autocomplete {
-  background-position: 100% 4px; /* LTR */
-}
-.js[dir="rtl"] input.form-autocomplete {
-  background-position: 1% 4px;
-}
-.js input.form-autocomplete.ui-autocomplete-loading {
-  background-position: 100% -16px; /* LTR */
-}
-.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
-  background-position: 1% -16px;
-}
-
 /* Comment form */
 .comment-form label {
   float: left; /* LTR */

core/themes/seven/style.css

@@ -681,12 +681,6 @@ select.form-select:focus {
   box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(220, 220, 220, 0.4);
   outline-color: rgba(0, 116, 189, 0.5);
 }
-.js input.form-autocomplete {
-  background-position: 100% 4px;
-}
-.js input.throbbing {
-  background-position: 100% -16px;
-}
 
 /**
  * Improve spacing of cancel link.