diff --git a/wagtail/wagtailadmin/static/wagtailadmin/js/core.js b/wagtail/wagtailadmin/static/wagtailadmin/js/core.js
index f1ce40eb5..a066c29b5 100644
--- a/wagtail/wagtailadmin/static/wagtailadmin/js/core.js
+++ b/wagtail/wagtailadmin/static/wagtailadmin/js/core.js
@@ -116,9 +116,15 @@ $(function(){
clearTimeout($.data(this, 'timer'));
var wait = setTimeout(search, 200);
$(this).data('timer', wait);
- });
+ });
+
+ // auto focus on search box
+ $(window.headerSearch.termInput).trigger('focus');
function search () {
+ var workingClasses = "working icon icon-spinner"
+
+ $(window.headerSearch.termInput).parent().addClass(workingClasses);
search_next_index++;
var index = search_next_index;
$.ajax({
@@ -130,6 +136,9 @@ $(function(){
$(window.headerSearch.targetOutput).html(data);
}
},
+ complete: function(){
+ $(window.headerSearch.termInput).parent().removeClass(workingClasses);
+ }
});
};
}
diff --git a/wagtail/wagtailadmin/static/wagtailadmin/scss/components/forms.scss b/wagtail/wagtailadmin/static/wagtailadmin/scss/components/forms.scss
index a44241700..b9e63cb98 100644
--- a/wagtail/wagtailadmin/static/wagtailadmin/scss/components/forms.scss
+++ b/wagtail/wagtailadmin/static/wagtailadmin/scss/components/forms.scss
@@ -588,15 +588,29 @@ ul.tagit li.tagit-choice-editable{
background-color:white;
}
}
- .field:before{
- position:absolute;
- left:0.5em;
- top:1em;
+ .field:before, .field:after{
font-family:wagtail;
- content:"f";
+ position:absolute;
+ top:1em;
font-size:25px;
+
+ }
+ .field:before{
+ left:0.5em;
+ content:"f";
color:$color-grey-3;
}
+ .field:after{
+ color:$color-teal;
+ opacity:0.8;
+ font-size:20px;
+ width:20px;
+ height:20px;
+ line-height:23px;
+ text-align:center;
+ top:0.3em;
+ right:0.5em;
+ }
}
.submit{
display:none;
@@ -644,6 +658,13 @@ ul.tagit li.tagit-choice-editable{
}
}
+/* mozilla specific hack */
+@-moz-document url-prefix() {
+ .search-bar .fields .field:after{
+ line-height:20px;
+ }
+}
+
/* Transitions */
fieldset, input, textarea, select{
@include transition(background-color 0.2s ease);
diff --git a/wagtail/wagtailadmin/static/wagtailadmin/scss/components/icons.scss b/wagtail/wagtailadmin/static/wagtailadmin/scss/components/icons.scss
index 2a5c8be72..314b6e416 100644
--- a/wagtail/wagtailadmin/static/wagtailadmin/scss/components/icons.scss
+++ b/wagtail/wagtailadmin/static/wagtailadmin/scss/components/icons.scss
@@ -228,6 +228,13 @@
.icon-bin:before{
content:"Z";
}
+.icon-spinner:after{
+ width:1em;
+ animation: spin 1s infinite;
+ -webkit-animation: spin 1s infinite;
+ -moz-animation: spin 1s infinite;
+ content:"1";
+}
.icon.text-replace{
font-size:0em;
@@ -242,4 +249,30 @@
text-align:center;
vertical-align:0;
}
+}
+
+@keyframes spin {
+ from {
+ transform: rotate(0deg);
+ }
+ to {
+ transform: rotate(360deg);
+ }
+}
+
+@-webkit-keyframes spin {
+ from {
+ -webkit-transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ }
+}
+@-moz-keyframes spin {
+ from {
+ -moz-transform: rotate(0deg);
+ }
+ to {
+ -moz-transform: rotate(360deg);
+ }
}
\ No newline at end of file
diff --git a/wagtail/wagtailadmin/static/wagtailadmin/scss/core.scss b/wagtail/wagtailadmin/static/wagtailadmin/scss/core.scss
index 97a727799..0d1880d16 100644
--- a/wagtail/wagtailadmin/static/wagtailadmin/scss/core.scss
+++ b/wagtail/wagtailadmin/static/wagtailadmin/scss/core.scss
@@ -423,7 +423,6 @@ header{
float:none;
}
}
-
.search-bar input{
@include border-radius(3px);
width:auto;
diff --git a/wagtail/wagtailadmin/static/wagtailadmin/scss/fonts/wagtail.eot b/wagtail/wagtailadmin/static/wagtailadmin/scss/fonts/wagtail.eot
index f6d4d3e25..74995d289 100644
Binary files a/wagtail/wagtailadmin/static/wagtailadmin/scss/fonts/wagtail.eot and b/wagtail/wagtailadmin/static/wagtailadmin/scss/fonts/wagtail.eot differ
diff --git a/wagtail/wagtailadmin/static/wagtailadmin/scss/fonts/wagtail.svg b/wagtail/wagtailadmin/static/wagtailadmin/scss/fonts/wagtail.svg
index 8e1ece714..755eeebc9 100644
--- a/wagtail/wagtailadmin/static/wagtailadmin/scss/fonts/wagtail.svg
+++ b/wagtail/wagtailadmin/static/wagtailadmin/scss/fonts/wagtail.svg
@@ -60,4 +60,5 @@