From bced346c3b07fc6549f216f4db20c52e827d3cfa Mon Sep 17 00:00:00 2001 From: Vincent Petry Date: Fri, 11 Oct 2013 12:36:30 +0200 Subject: [PATCH] Now using smaller spinner image for status indicator To make the status indicator appear smaller, even in IE8 that doesn't support background-size, there is no a smaller animated gif "loading-small" for that purpose. --- apps/files_external/css/settings.css | 3 --- apps/files_external/js/settings.js | 6 +++--- core/css/styles.css | 1 + core/img/loading-small.gif | Bin 0 -> 1294 bytes 4 files changed, 4 insertions(+), 6 deletions(-) create mode 100644 core/img/loading-small.gif diff --git a/apps/files_external/css/settings.css b/apps/files_external/css/settings.css index 74b1402846..0ebae9d82b 100644 --- a/apps/files_external/css/settings.css +++ b/apps/files_external/css/settings.css @@ -4,9 +4,6 @@ td.status > span { width: 16px; vertical-align: text-bottom; } -span.loading{ - background-size: 16px 16px; -} span.success { background: #37ce02; border-radius: 8px; diff --git a/apps/files_external/js/settings.js b/apps/files_external/js/settings.js index 3e92bc87e8..886c324e33 100644 --- a/apps/files_external/js/settings.js +++ b/apps/files_external/js/settings.js @@ -1,7 +1,7 @@ (function(){ function updateStatus(statusEl, result){ - statusEl.removeClass('success error loading'); + statusEl.removeClass('success error loading-small'); if (result && result.status == 'success' && result.data.message) { statusEl.addClass('success'); return true; @@ -71,7 +71,7 @@ OC.MountConfig={ } users.push(applicable); } - statusSpan.addClass('loading').removeClass('error success'); + statusSpan.addClass('loading-small').removeClass('error success'); $.ajax({type: 'POST', url: OC.filePath('files_external', 'ajax', 'addMountPoint.php'), data: { @@ -124,7 +124,7 @@ OC.MountConfig={ var isPersonal = true; var mountType = 'user'; var applicable = OC.currentUser; - statusSpan.addClass('loading').removeClass('error success'); + statusSpan.addClass('loading-small').removeClass('error success'); $.ajax({type: 'POST', url: OC.filePath('files_external', 'ajax', 'addMountPoint.php'), data: { diff --git a/core/css/styles.css b/core/css/styles.css index be53b67c85..a0de21f3ac 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -745,6 +745,7 @@ a.bookmarklet { background-color:#ddd; border:1px solid #ccc; padding:5px;paddin span.ui-icon {float: left; margin: 3px 7px 30px 0;} .loading { background: url('../img/loading.gif') no-repeat center; cursor: wait; } +.loading-small { background: url('../img/loading-small.gif') no-repeat center; cursor: wait; } .move2trash { /* decrease spinner size */ width: 16px; height: 16px; diff --git a/core/img/loading-small.gif b/core/img/loading-small.gif new file mode 100644 index 0000000000000000000000000000000000000000..5025f0bedebc9a7ae8bcfa10d4541e9fb1fe49ba GIT binary patch literal 1294 zcmZ?wbhEHb6krfwc+9}?|NnnuW8;e#FV2}W=g5&G>(;G{i;F8SFTa2P{>zsyPo6yK z<>h5&W(HIS0gC^*{aizWogD*Qjr0td85tND6o0aCaxw5T=m6P3Lj@QZSo}Vm{OPqY zg74%Em6=-_?k;XvxY0&+V#2YnI=8>8uvAH~O?t{Dq2=<2k^RK1i2^!aH4;ZAOscM( z5qR=s`(zG>2bygUoF_V~-+nB;$?nJ`4s2Eg0j=O#7$LTETFT564gc__hlx|T59M5O zusdeZ$XRH6#6U&zZjO;aOP{-}XQJVH5>~gv@&~QW|}Aftw}VT;4`0F%Lq|)Q@u1(^T>AG_JNBQAnNOIKzPL@Mh%$BCFV)8`XB&O7tIfy7}8n>b%C$QiKStQ_w5cRtxGLtro%gelBmJCEK6Xn2fe}y0 zCooI=jS?CPgxC%@2*!BLZu(ppVY8yyu}E>59h*nb!QWFwj_mA|6lTPhy!?r=rOz>i z#kwW7;L&6rF@-rP8!Zw9reA7fsFmUAcRa;nBywoIkwmU?@QFu0EZFP-C1DJos2VbF zuU(yK&@-Wwi>+DrLSOq~PV1I=1xAZScoeQ4Nr2fQk~D8(!3AT%SyLQ!R0U_On{2KM zPF;*>#R@dI_&hnz3q3CFf7HnRxrDPY^wK8VGlrFKD|NUhm2#a~#8A~(=g@qq;Eh1j o@lO85GZG^vA8hb&jPbEM;$sjs*Ma4}Ca+Pg+>=MVB8&{y0Cc3