From 104174a9b39b4952d1c05f8744bf346f0f3266cb Mon Sep 17 00:00:00 2001 From: Max Pozdeev Date: Tue, 11 Jan 2022 01:17:25 +0300 Subject: [PATCH] * add logo and change animation of page loading --- .../themes/default/images/logo-loading.gif | Bin 0 -> 2350 bytes src/content/themes/default/images/logo.gif | Bin 0 -> 394 bytes src/content/themes/default/index.php | 1 - src/content/themes/default/style.css | 22 +++++++++++++++--- src/includes/mytinytodo.js | 10 +++++--- 5 files changed, 26 insertions(+), 7 deletions(-) create mode 100755 src/content/themes/default/images/logo-loading.gif create mode 100644 src/content/themes/default/images/logo.gif diff --git a/src/content/themes/default/images/logo-loading.gif b/src/content/themes/default/images/logo-loading.gif new file mode 100755 index 0000000000000000000000000000000000000000..0adf001cee59f9552da8b7f595654cc462c26a55 GIT binary patch literal 2350 zcmbVNc~nwq8wdB$%F5DK5p~oimJ7H*Q6gwsX_-#eR8t7IB!x?Wih`2@i9l*vn&FZ< zZj&umT2oGHxnQ=8rjwH`mN}K0ZMJ9mT`HUJkItO$eD6Ky-gkMn-}C&Q_bv_a^P;c_ z2m<1M0wO;@|KrDxA3l7zefxG^US3gA(Y9^dxLmGAqtWa2@7}$8^XAR__wVoByH`R=adAhF9+k;tm6esRUcDL| z9IUFUl1L;F1YNv%F(xMF#ful`&Ycs9L?tC9j~_p7XlU56W5=UMk6yoi&FAye($a>8 zhW72-r%))~zI{79Jbd@=-KS5V_Vx80J9bQ|R31KjxUH?NwY9apygW8Gwx_4(Ft9fvXA5;T)9;HfctyiR zh{Xab9uHRu7fZrH!mW6KLZRRZL_Cp*g(a|}IKG%A!SY3p;})2ph%Mv_#9WAvHdthZ zL(yUy29ESI1fC!;@T+0I2=@sPjt%kf5|#iD;0Smg&w%Tbv`D-f{3ncWN{d3{1R#Dj zD1xGeY!DWA99M>O_wSAjf^am{l|n9D6jl@yVn_2pzBqtM!@wsv4wpk^697+7HVMGG z695n!P9l3@DS$f#>j`?2fpAX%0EwJ&JKxeLdXkw8B7^DY1Iq)xJ`^II=tXxYlSm9d zCY?wc*A3u{#4J7=9QVzIeSgtq{HrdNAp}`sNEix1QR6IF6#Xke)aOj$n$4UpFAFZG&DHy@WK7R`|tJLz0-U9 z*3BC|*Z=Ci_Gee;)sFT*u3Wx!vF$>uzNNXT@%*`l`nt2f*Pc23+o_W^)hCW0t2%n* z@S)0szgCo&m6rTcTvT|VAU`ixw?AiJcGliKnHjs&(^7Y7HR=>q@=m2fo|L%b=LDHF zK28!F6D<}Aw+kRXFDh~yH)87+ki!mVZQk_L#trL#T(>rC%@3g=tAkgq3<_Mad|811 zQa@iN!-wv@WHD{gLMp|}(*vdk5g_1k*ahFucXM_5&e_QkN)TYwL8Yw+nSHH}( z9A{kL(lRw0ZGFiapFUrI^(@jNtGRBH)(NHe4EfGkKeM~OM?=#)9+WNiXjy5N`PbP8 zYCpY0GFm@pg?MY`bri<)Uuo9SM zwv5d1*k>=#aqGD%kDyaVu2PmQ8tK>Un`@ss}nNLMnf{Or7HV zXX+YDl*vB{HbzWFOoJbU`Nc$;T%nw0x=yLq$inS?5iT01AoY)QsnmWUMTrABfP=!( zDo5&JVy<8sNeR)LT*Q`TM*iO)lsPRZle(|5J)C3zt7663obx%T`8?%{z_wN?d#%R8 z(ei4UZTxa=#1d?$^oObI?KBuNvLCgPIY$iz_Ll|D?UlPk4d*x`OWY6{LDng&bL^Pj zfVX!oVq^aVjZoiPfZX&ZuOY+78)al>R`jsOTb@D}-e(H-SRhhqNX@EcWKIWizT5B0 z4NWAI2?Yw6L0<`EjF<$Yvw`vH4ftd;l&Tb&Stx6pTD`$u%2}VTwAmunS*#A#VcbS!qpnT`ws+`I zz6cxTX7;rXCQX_%XU@{4OINH|v3c|6y?gf_ zJ$m%anKM_eT)B7e-s8uQ-@JMA>C>nG|Nnz^6Cf0SvT!mmh%o4Y)Pd||VEwP)%9@fn zFJslJM?3Zv#Ox}{yTH`=Q&8x}426cZ5E+H+BlNemMMNNz&AQ1?Mgq&rM5CPS$W| OzhrRp(UJ}U25SJXR+*Ck literal 0 HcmV?d00001 diff --git a/src/content/themes/default/index.php b/src/content/themes/default/index.php index df6eca7..c9e4b16 100644 --- a/src/content/themes/default/index.php +++ b/src/content/themes/default/index.php @@ -42,7 +42,6 @@ $().ready(function(){
-
diff --git a/src/content/themes/default/style.css b/src/content/themes/default/style.css index 5ff21a9..2914ed8 100644 --- a/src/content/themes/default/style.css +++ b/src/content/themes/default/style.css @@ -14,7 +14,24 @@ body { margin:0px; padding:0px; height:100%; background-color:#fff; font-family td, th, input, textarea, select { font-family:"Helvetica Neue",helvetica,arial,sans-serif; font-size:1rem; } form { display: inline; } -.topblock h2 { margin:0; font-size:1.5rem; padding-right:10px; } +.topblock h2 { + margin:0; + font-size:1.5rem; + padding-left: 30px; + padding-right: 10px; + background: url(images/logo.gif) no-repeat top left; + background-size: 24px 24px; +} +#mtt_body.ajax-loading .topblock h2 { + background-image: url(images/logo-loading.gif); +} + +/* preload images */ +body::after { + position:absolute; width:0; height:0; overflow:hidden; z-index:-1; + content:url(images/logo-loading.gif); +} + h3.page-title { margin:0; border-bottom:2px solid #B5D5FF; margin-bottom:10px; padding:0.6rem 0; font-size:1.1rem; } a { color:#0000ff; cursor:pointer; text-decoration:underline; } @@ -26,7 +43,7 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; } .topblock-title { display:flex; align-items:center; } .topblock-bar { flex-grow:1; display:flex; justify-content:flex-start; border-bottom:1px solid #b5d5ff; padding-bottom:5px; } -.bar-menu { flex-grow:1; display:flex; justify-content:flex-end; text-align:right; min-height:16px; /* for loading.gif */ } +.bar-menu { flex-grow:1; display:flex; justify-content:flex-end; text-align:right; } .nodecor { text-decoration:none; } #bar_auth::before { content:'\00a0| '; } /*   = \00a0 */ #bar_logout { display:none; } @@ -39,7 +56,6 @@ a { color:#0000ff; cursor:pointer; text-decoration:underline; } #authform div.h { font-weight:bold; } #authform input { padding:3px; border:1px solid #ccc; border-radius:2px; } #authform input[type="submit"] { padding:4px; border-radius:3px; background-color:#efefef; } -#loading { background-color:#ffffff; display:none; margin-right:6px; width:16px; height:16px; background:url(images/loading48.gif) no-repeat; background-size:16px 16px; } #msg { } #msg .msg-text { font-weight:bold; cursor:pointer; } diff --git a/src/includes/mytinytodo.js b/src/includes/mytinytodo.js index 2437688..11cda21 100644 --- a/src/includes/mytinytodo.js +++ b/src/includes/mytinytodo.js @@ -57,6 +57,7 @@ var mytinytodo = window.mytinytodo = _mtt = { instantSearch: true, tagPreview: true, tagPreviewDelay: 700, //milliseconds + ajaxAnimationDelay: 200, saveShowNotes: false, firstdayofweek: 1, touchDevice: false, @@ -66,7 +67,8 @@ var mytinytodo = window.mytinytodo = _mtt = { }, timers: { - previewtag: 0 + previewtag: 0, + ajaxAnimation: 0, }, lang: { @@ -526,11 +528,13 @@ var mytinytodo = window.mytinytodo = _mtt = { // AJAX Errors $(document).ajaxSend(function(r,s){ $("#msg").hide().removeClass('mtt-error mtt-info').find('.msg-details').hide(); - $("#loading").show(); + clearTimeout(_mtt.timers.ajaxAnimation); + _mtt.timers.ajaxAnimation = setTimeout(function(){ $("#mtt_body").addClass("ajax-loading"); }, _mtt.options.ajaxAnimationDelay); }); $(document).ajaxStop(function(r,s){ - $("#loading").fadeOut(); + clearTimeout(_mtt.timers.ajaxAnimation); + $("#mtt_body").removeClass("ajax-loading"); }); $(document).ajaxError(function(event, request, settings){