vector: Suppress watch star focus outline when animating it

It looks really funny, but that's not the effect we're aiming for.
The star is not supposed to look clickable during the rotation
animation anyway.

Bug: 65434
Change-Id: I3a7c91f5b7df0d70abd532cc234e8aa1bac9e129

diff --git a/skins/vector/components/watchstar.less b/skins/vector/components/watchstar.less
index 2c38516..1a6d1fc 100644 (file)
--- a/skins/vector/components/watchstar.less
+++ b/skins/vector/components/watchstar.less
@@ -34,6 +34,8 @@
 #ca-watch.icon a.loading {
        .background-image-svg('images/watch-icon-loading.svg', 'images/watch-icon-loading.png');
        .rotation(700ms);
+       /* Suppress the hilarious rotating focus outline on Firefox */
+       outline: none;
        background-position: 50% 60%;
        -webkit-transform-origin: 50% 57%;
        transform-origin: 50% 57%;