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 @@ + diff --git a/wagtail/wagtailadmin/static/wagtailadmin/scss/fonts/wagtail.ttf b/wagtail/wagtailadmin/static/wagtailadmin/scss/fonts/wagtail.ttf index d3ba6a525..c48e6bc6b 100644 Binary files a/wagtail/wagtailadmin/static/wagtailadmin/scss/fonts/wagtail.ttf and b/wagtail/wagtailadmin/static/wagtailadmin/scss/fonts/wagtail.ttf differ diff --git a/wagtail/wagtailadmin/static/wagtailadmin/scss/fonts/wagtail.woff b/wagtail/wagtailadmin/static/wagtailadmin/scss/fonts/wagtail.woff index b53396b99..20d95763a 100644 Binary files a/wagtail/wagtailadmin/static/wagtailadmin/scss/fonts/wagtail.woff and b/wagtail/wagtailadmin/static/wagtailadmin/scss/fonts/wagtail.woff differ diff --git a/wagtail/wagtailadmin/templates/wagtailadmin/shared/header.html b/wagtail/wagtailadmin/templates/wagtailadmin/shared/header.html index 32e1a06f4..b04017a3c 100644 --- a/wagtail/wagtailadmin/templates/wagtailadmin/shared/header.html +++ b/wagtail/wagtailadmin/templates/wagtailadmin/shared/header.html @@ -10,7 +10,7 @@ {% for field in search_form %} {% include "wagtailadmin/shared/field_as_li.html" with field=field %} {% endfor %} -
  • + {% endif %}