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.

diff --git a/apps/files_external/css/settings.css b/apps/files_external/css/settings.css
index 74b140284682397b22b0d64744035ae3f64e6be2..0ebae9d82bed86b19198e57e62073cf52aef23a9 100644 (file)
--- 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 3e92bc87e8579f6f25aa61296e078cbdb4c17c63..886c324e338cfaaf742ee1ba3194c3f5d6fce580 100644 (file)
--- 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 be53b67c858f87a866d0dc22e46257c9e5dc8548..a0de21f3ac6239f9d24df7e8d57b172132ac859e 100644 (file)
--- 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 (file)
index 0000000..5025f0b
Binary files /dev/null and b/core/img/loading-small.gif differ