From cb7aed46cdba4763d32a244ba6c76cceb8aec659 Mon Sep 17 00:00:00 2001 From: Daniel Hensby Date: Fri, 17 Apr 2015 11:38:04 +0100 Subject: [PATCH] Adding loading spinner to ui-autocomplete fields when making ajax reqests --- admin/css/screen.css | 1 + admin/scss/_uitheme.scss | 10 +++++++++- 2 files changed, 10 insertions(+), 1 deletion(-) diff --git a/admin/css/screen.css b/admin/css/screen.css index a23768f04..62ee1e6bd 100644 --- a/admin/css/screen.css +++ b/admin/css/screen.css @@ -140,6 +140,7 @@ body, html { font-size: 12px; line-height: 16px; font-family: Arial, sans-serif; .ui-accordion .ui-accordion-content { border: 1px solid #c0c0c2; border-top: none; } .ui-autocomplete { max-height: 240px; overflow-x: hidden; overflow-y: auto; } +.ui-autocomplete-loading { background-image: url(../images/throbber.gif) !important; background-position: 97% center !important; background-repeat: no-repeat !important; background-size: auto !important; } /** This file defines common styles for form elements used throughout the CMS interface. It is an addition to the base styles defined in framework/css/Form.css. @package framework @subpackage admin */ /** ---------------------------------------------------- Basic form fields ---------------------------------------------------- */ diff --git a/admin/scss/_uitheme.scss b/admin/scss/_uitheme.scss index 797387839..1671c53f8 100644 --- a/admin/scss/_uitheme.scss +++ b/admin/scss/_uitheme.scss @@ -85,8 +85,16 @@ } } -.ui-autocomplete{ +.ui-autocomplete { max-height: 240px; overflow-x: hidden; overflow-y: auto; + + /** sorry about the !important but the specificity of other selectors mandates it over writing out very specific selectors **/ + &-loading { + background-image: url(../images/throbber.gif) !important; + background-position: 97% center !important; + background-repeat: no-repeat !important; + background-size: auto !important; + } }