Bug 1559984 - Fix the QFB "not found" display and add a search spinner. r=jorgk
authorRichard Marti <richard.marti@gmail.com>
Wed, 19 Jun 2019 20:34:18 +0200
changeset 35898 d2122e452112c2c87573d4a27e670be6076302b0
parent 35897 402119bccd02c6de2fd6d7d193dcadccd58e5e46
child 35899 2b61ea9688aab7271c591137e543e999340dbfe9
push id392
push userclokep@gmail.com
push dateMon, 02 Sep 2019 20:17:19 +0000
reviewersjorgk
bugs1559984
Bug 1559984 - Fix the QFB "not found" display and add a search spinner. r=jorgk
mail/base/content/quickFilterBar.css
mail/themes/shared/jar.inc.mn
mail/themes/shared/mail/icons/search-spinner.svg
--- a/mail/base/content/quickFilterBar.css
+++ b/mail/base/content/quickFilterBar.css
@@ -63,14 +63,23 @@
 #quick-filter-bar-main-bar {
   overflow: hidden;
 }
 
 #quick-filter-bar-collapsible-buttons[shrink="true"] toolbarbutton label.toolbarbutton-text {
   display: none;
 }
 
-#threadTree[filterActive="nomatches"] > .tree-stack {
-  background: url("chrome://messenger/skin/icons/search-not-found.svg") no-repeat center;
+#threadTree[filterActive] {
+  background-repeat: no-repeat;
+  background-position: center;
   -moz-context-properties: fill, fill-opacity;
   fill: currentColor;
   fill-opacity: .3;
 }
+
+#threadTree[filterActive="nomatches"] {
+  background-image: url("chrome://messenger/skin/icons/search-not-found.svg");
+}
+
+#threadTree[filterActive="searching"] {
+  background-image: url("chrome://messenger/skin/icons/search-spinner.svg");
+}
--- a/mail/themes/shared/jar.inc.mn
+++ b/mail/themes/shared/jar.inc.mn
@@ -81,16 +81,17 @@
   skin/classic/messenger/icons/remote-blocked.svg             (../shared/mail/icons/remote-blocked.svg)
   skin/classic/messenger/icons/reply.svg                      (../shared/mail/icons/reply.svg)
   skin/classic/messenger/icons/replyall.svg                   (../shared/mail/icons/replyall.svg)
   skin/classic/messenger/icons/replylist.svg                  (../shared/mail/icons/replylist.svg)
   skin/classic/messenger/icons/search-glass.svg               (../shared/mail/icons/search-glass.svg)
   skin/classic/messenger/icons/save.svg                       (../shared/mail/icons/save.svg)
   skin/classic/messenger/icons/save-as.svg                    (../shared/mail/icons/save-as.svg)
   skin/classic/messenger/icons/search-not-found.svg           (../shared/mail/icons/search-not-found.svg)
+  skin/classic/messenger/icons/search-spinner.svg             (../shared/mail/icons/search-spinner.svg)
   skin/classic/messenger/icons/security.svg                   (../shared/mail/icons/security.svg)
   skin/classic/messenger/icons/send.svg                       (../shared/mail/icons/send.svg)
   skin/classic/messenger/icons/sort.svg                       (../shared/mail/icons/sort.svg)
   skin/classic/messenger/icons/spelling.svg                   (../shared/mail/icons/spelling.svg)
   skin/classic/messenger/icons/star.svg                       (../shared/mail/icons/star.svg)
   skin/classic/messenger/icons/starred.svg                    (../shared/mail/icons/starred.svg)
   skin/classic/messenger/icons/sticky.svg                     (../shared/mail/icons/sticky.svg)
   skin/classic/messenger/icons/stop.svg                       (../shared/mail/icons/stop.svg)
new file mode 100644
--- /dev/null
+++ b/mail/themes/shared/mail/icons/search-spinner.svg
@@ -0,0 +1,9 @@
+<!-- This Source Code Form is subject to the terms of the Mozilla Public
+   - License, v. 2.0. If a copy of the MPL was not distributed with this
+   - file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
+
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 120" width="100px" height="120px">
+  <circle fill="none" stroke="context-fill" stroke-opacity="context-fill-opacity" stroke-width="10" stroke-dasharray="36" cx="50" cy="70" r="45">
+    <animateTransform attributeName="transform" type="rotate" from="0 50 70" to="360 50 70" dur="2s" repeatCount="indefinite"/>
+  </circle>
+</svg>