From c5d4c5395d0864f18139379847fc0fb26dfd6d91 Mon Sep 17 00:00:00 2001 From: Alexander Moisseev Date: Sat, 24 Dec 2016 15:23:40 +0300 Subject: [PATCH] [WebUI] Replace spinner with animated glyphicon --- interface/css/rspamd.css | 41 ++++++++++++-------------------------- interface/img/spinner.gif | Bin 1690 -> 0 bytes interface/img/spinner.png | Bin 1160 -> 0 bytes interface/index.html | 4 ++-- interface/js/rspamd.js | 4 +++- 5 files changed, 18 insertions(+), 31 deletions(-) delete mode 100644 interface/img/spinner.gif delete mode 100644 interface/img/spinner.png diff --git a/interface/css/rspamd.css b/interface/css/rspamd.css index 7a2f4b920..ca0ca815e 100644 --- a/interface/css/rspamd.css +++ b/interface/css/rspamd.css @@ -91,28 +91,6 @@ textarea { font-size:11px !important; } -/* spinners optional */ -input { - margin:0px; - padding:0px; - width:60px; - } -input[type=number] { - padding-right:25px; /* at least image width */ - text-align:right; - width:60px; - } -input.number { /* should be same as type=number for IE and overriding */ - padding-right:25px; /* at least image width */ - text-align:right; - } -input::-webkit-outer-spin-button, -input::-webkit-inner-spin-button { - /* display:none; <- Crashes Chrome on hover */ - -webkit-appearance:none; - margin:0; /* <-- Apparently some margin are still there even though it's hidden */ -} - /* history table */ .table-log { table-layout:fixed; @@ -238,12 +216,19 @@ td.maps-cell { color:#005580; text-decoration:underline; } -.spinner { - background:url('../img/spinner.gif') no-repeat -100px; - } -.loading .spinner { - background-position:0 50%; - } + +/* Glyphicons animated spinners */ +.loading .glyphicon-spin { + animation: spin 1000ms infinite linear; +} +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} /* widget */ .widget-box { diff --git a/interface/img/spinner.gif b/interface/img/spinner.gif deleted file mode 100644 index 9ad3455731749268f1b0d41e68d89daeac2afe9b..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1690 zcmZ|OdrVVT90%}o?>#NI<+fZ(DVHkJ@+enDQVxCo+(^;TA~?iXfYU(M+eA)!{VEC1B?354V+N`>*@&zsY2(si{#am4$_cF)=YdK0YBKA$&d`LTGy? z{>w2XIwM^kp@y zM@+45kJkk0xw_ikB-wLnq*S)N(;WIVm}zWLbc2CSMqT!|+b`-rxX}B)YxoJtn%@FVW8~qTGg{18s;ja1#YdHiTZ| z$tdMA9m;o5k*>hJ@J=B+xCeYzUnj z%DHmrc0`?FMu8ZEvB_<#PrsOrX9Q~_;$*G0%npvJ3_|>Vd*jet4)>?zz41dU)+fwA zFx`tgA^!a})i*Y|>(TRyy3zUS&BZRd>N<%*?_#%f)lzBd@-5q>PAqy@BuIS$Wlby3 zY=wJgs0Zp{7eo*Hk8_KwIs9D*>r z9`z>nqFS%{>BB-a8RfXUAM!wPrwy6gN*qxvCu^S*g2J54#AS9d6*f#EZo@DETy(Zb zv`R5AVJcIL^l8(Sf)FRSWBW~Kjc>ykJdWWv%&Z2DXvG%~_&kc(B4Ms?K}Qi(uCd>+xy;KyQ}OEMO)0ClTV|44EKq(2rT+))>~Eh^YI>YZuTG{&~uIqXW-D1 zDVvpM050M!Qj%FwNS@je)B>EVbzw9DM?%8RN+?J#5dLphmK@X7 zeZtq37LY(mx64&o7v3@qtO{B|eSNOuguri>mPEG5a>G=32ivFFoIWcYU}**uR&`uW z)J60Gf$mz?P_PJK*SgY5-61sO&Cm_O2ugq&;6P*vF-K1}dljp38K24AZQoJyZywVJ z?`2q#ZUM~QlBW?-Jvi~q%0A~h^SBZ>HorWsq+B|06wBnH!e)7S7TL&V--U{2wDZ8D z>#cMKAS_6yOv-9}pjC8j#LaRqGk!dY!?rPCR(cj-;U8y<3gCWs`|I*wPiDtHw7nt5 zP_#n;oxJ!vOh}Uo>c}12UGJii5tl9~@uS*bp;XFe>l-d*dkB>0@yrhd+0RnVTmW3% u(Zw_=@qGX$DpR`RbXUuDcWR#HFODKu$qs%;03kjD1 diff --git a/interface/img/spinner.png b/interface/img/spinner.png deleted file mode 100644 index bccc78605c2f347d01bbbb676ba2c2e5517cb630..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 1160 zcmV;31b6$1P)zj9TkWCu-hDgBa1AmA5C%w*G?h^UJow-P zvH%M}2H5~yy7YRu|NgU&j-YTG0o(A{>Mw%)(9z|)=4VGU4Y!jT{qfDeH;^bdH@AUw zND@`D?SlvBf!XXvkR2tNLI}+4EX9MUI|289?4#qwh3NzdNTsKF!3HGem z*U$gDHx-NkAQeA<_4UQ2rG+C$7MGTP`O0sTa0Emnz(dwsk3I4k(TLQ(!x5q1ZN2aTY)Hg$HCX2%rxtSTsP_b=R+5fwUbFwgAXG4$c8p&1U8D z^_xNN?XGji{oNlJJBo=LH{ZW}{dz6MHULPnois@_CQN+zo_iHWvMmQ-r2&}4Xb>N{ z_fCO?y=TBgRGO;NXW7o!scArQ8WKgCeH@ev*ut(-bN(;?DIVJFiw6t#F4M(mGv?pB z{0<@87E=O%gixws9}GZB0^}4~JQOOyXc>d+pp9Ohz`N*L==SOV=fy1`KkX7-dz37ea)X!@oUXw=Og zXl;+`qy=wN6CgoC5HL4Kaf-SVaQ}VxEgfER25tZ}5L-j=r?>vr06^mP^`G=UfEsYo ztAo|`WB)>oc579cEgW~SNsNdEBq-^uMXqyOyZKQ$;In-nIMTPIe& z^wjDPlP1_ayY>xo3)*0+m{~dg#kJKJtq}d%+Ud*`!7e1~AAb0uAHDFB++++VP8~Nr zghkj6gFD=1vW{kOYWCiMo@gj$gU@ z&y%MfN4;bKXbQ5OnJ_8N^BdolZ#f4`wk-@5`otLYgLBUfMy^&Zw6@v9HTrKqx0dR1 zYO)*+V0#!62I#2llG7ooN`*->7zx`T5s@Xp$V5h)G<~$U`$0t}8i=kN4$R%L=Q#j| zN!J0Bn0r5I<|&rM^jvcL?@CoOsJ;5Ho9|q^u^F>~g$UcoqN(ifdF=MK|4+{)B?hd0 aJpV6r8m@&W(5a080000History diff --git a/interface/js/rspamd.js b/interface/js/rspamd.js index e5f37e6df..f2690baf5 100644 --- a/interface/js/rspamd.js +++ b/interface/js/rspamd.js @@ -1289,7 +1289,9 @@ $('#navBar').addClass('loading'); }); $(document).ajaxComplete(function () { - $('#navBar').removeClass('loading'); + setTimeout(function () { + $('#navBar').removeClass('loading'); + }, 1000); }); $('#status_nav').bind('click', function (e) { getChart(); -- 2.39.5