Adding loading spinner to ui-autocomplete fields when making ajax reqests

This commit is contained in:
Daniel Hensby 2015-04-17 11:38:04 +01:00
parent 7e3c6fd726
commit cb7aed46cd
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-accordion .ui-accordion-content { border: 1px solid #c0c0c2; border-top: none; }
.ui-autocomplete { max-height: 240px; overflow-x: hidden; overflow-y: auto; } .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 */ /** 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 ---------------------------------------------------- */ /** ---------------------------------------------------- Basic form fields ---------------------------------------------------- */

View File

@ -85,8 +85,16 @@
} }
} }
.ui-autocomplete{ .ui-autocomplete {
max-height: 240px; max-height: 240px;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; 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;
}
} }