Merge pull request #4080 from dhensby/pulls/loading-spinner

Adding loading spinner to ui-autocomplete fields when making ajax reqests
This commit is contained in:
Will Morgan 2015-04-20 15:48:30 +01:00
commit f1f1b5685b
2 changed files with 10 additions and 1 deletions

View File

@ -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 ---------------------------------------------------- */

View File

@ -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;
}
}