diff -u b/core/misc/ajax.js b/core/misc/ajax.js --- b/core/misc/ajax.js +++ b/core/misc/ajax.js @@ -704,7 +704,7 @@ * Sets the throbber progress indicator. */ Drupal.Ajax.prototype.setProgressIndicatorThrobber = function () { - this.progress.element = $('
 
'); + this.progress.element = $('
 
'); if (this.progress.message) { this.progress.element.find('.throbber').after('
' + this.progress.message + '
'); } @@ -713,7 +713,7 @@ * Sets the throbber progress indicator. */ Drupal.Ajax.prototype.setProgressIndicatorThrobber = function () { - this.progress.element = $('
 
'); + this.progress.element = $('
 
'); if (this.progress.message) { this.progress.element.find('.throbber').after('
' + this.progress.message + '
'); } only in patch2: unchanged: --- a/core/themes/stable/css/system/components/ajax-progress.module.css +++ b/core/themes/stable/css/system/components/ajax-progress.module.css @@ -11,9 +11,16 @@ float: right; } .ajax-progress-throbber .throbber { - background: transparent url(../../../images/core/throbber-active.gif) no-repeat 0px center; - display: inline; - padding: 1px 5px 2px; + background: transparent url(../../../images/core/throbber-active.svg) no-repeat 0px center; + display: inline-block; + padding: 0; + width: 18px; + height: 18px; +} +.throbber.is-throbbing { + -webkit-animation: rotate-throbber 1s linear infinite; + -moz-animation: rotate-throbber 1s linear infinite; + animation: rotate-throbber 1s linear infinite; } .ajax-progress-throbber .message { display: inline; @@ -47,3 +54,19 @@ tr .ajax-progress-throbber .throbber { left: auto; right: 49%; } + +/** + * AJAX Progress throbber animations. + */ +@-moz-keyframes rotate-throbber { + to {-moz-transform: rotate(-360deg);} +} +@-webkit-keyframes rotate-throbber { + to {-webkit-transform: rotate(-360deg);} +} +@-ms-keyframes rotate-throbber { + to {-ms-transform: rotate(-360deg);} +} +@keyframes rotate-throbber { + to {transform: rotate(-360deg);} +} only in patch2: unchanged: --- a/core/themes/stable/css/system/components/autocomplete-loading.module.css +++ b/core/themes/stable/css/system/components/autocomplete-loading.module.css @@ -6,7 +6,7 @@ */ .js input.form-autocomplete { - background-image: url(../../../images/core/throbber-inactive.png); + background-image: url(../../../images/core/throbber-inactive.svg); background-position: 100% center; /* LTR */ background-repeat: no-repeat; } @@ -14,7 +14,7 @@ background-position: 0% center; } .js input.form-autocomplete.ui-autocomplete-loading { - background-image: url(../../../images/core/throbber-active.gif); + background-image: url(../../../images/core/throbber-active.svg); background-position: 100% center; /* LTR */ } .js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading { only in patch2: unchanged: --- a/core/themes/stable/css/views_ui/views_ui.admin.theme.css +++ b/core/themes/stable/css/views_ui/views_ui.admin.theme.css @@ -766,14 +766,36 @@ td.group-title { } .js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber { position: absolute; - right: -5px; /* LTR */ - top: -1px; + right: 0; /* LTR */ + top: 0; z-index: 2; + height: 100%; + width: 20px; } [dir="rtl"].js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber { - left: -5px; + left: 0; right: auto; } +.js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber:before { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: 0 50% 50% 0; + background-color: #fff; + background-image: -webkit-linear-gradient(top, #f6f6f3, #e7e7df); + background-image: linear-gradient(to bottom, #f6f6f3, #e7e7df); +} +.js .dropbutton-wrapper .dropbutton .dropbutton-action > .ajax-progress-throbber .throbber { + position: absolute; + top: 3px; + width: 100%; + left: 0; + margin: 0; +} .js .dropbutton-wrapper.dropbutton-multiple.open .dropbutton-action:first-child a { border-radius: 1.1em 0 0 0; /* LTR */ } only in patch2: unchanged: --- /dev/null +++ b/core/themes/stable/images/core/throbber-active.svg @@ -0,0 +1,3 @@ + + + only in patch2: unchanged: --- /dev/null +++ b/core/themes/stable/images/core/throbber-inactive.svg @@ -0,0 +1,3 @@ + + +