diff options
| -rw-r--r-- | apps/files_external/css/settings.scss (renamed from apps/files_external/css/settings.css) | 10 | ||||
| -rw-r--r-- | apps/files_external/js/settings.js | 11 | ||||
| -rw-r--r-- | apps/files_external/templates/settings.php | 2 | ||||
| -rw-r--r-- | settings/css/settings.scss | 6 |
4 files changed, 14 insertions, 15 deletions
diff --git a/apps/files_external/css/settings.css b/apps/files_external/css/settings.scss index 7aa7ab1a6b0..a92ae242ddf 100644 --- a/apps/files_external/css/settings.css +++ b/apps/files_external/css/settings.scss @@ -18,9 +18,11 @@ #externalStorage td.status > span { display: inline-block; - height: 16px; - width: 16px; + height: 28px; + width: 28px; vertical-align: text-bottom; + border-radius: 50%; + cursor: pointer; } td.mountPoint, td.backend { width:160px; } @@ -78,10 +80,6 @@ td.mountPoint, td.backend { width:160px; } top: 3px; } -#externalStorage td.status .success { - border-radius: 50%; -} - #userMountingBackends { padding-left: 25px; } diff --git a/apps/files_external/js/settings.js b/apps/files_external/js/settings.js index bb34bc4ebc2..211740c5646 100644 --- a/apps/files_external/js/settings.js +++ b/apps/files_external/js/settings.js @@ -1230,22 +1230,23 @@ MountConfigListView.prototype = _.extend({ */ updateStatus: function($tr, status, message) { var $statusSpan = $tr.find('.status span'); - $statusSpan.removeClass('loading-small success indeterminate error'); + $statusSpan.removeClass(); + console.log($tr, status, message); switch (status) { case null: // remove status break; case StorageConfig.Status.IN_PROGRESS: - $statusSpan.addClass('loading-small'); + $statusSpan.attr('class', 'icon-loading-small'); break; case StorageConfig.Status.SUCCESS: - $statusSpan.addClass('success'); + $statusSpan.attr('class', 'success icon-checkmark-white'); break; case StorageConfig.Status.INDETERMINATE: - $statusSpan.addClass('indeterminate'); + $statusSpan.attr('class', 'indeterminate icon-info-white'); break; default: - $statusSpan.addClass('error'); + $statusSpan.attr('class', 'error icon-error-white'); } $statusSpan.attr('data-original-title', (typeof message === 'string') ? message : ''); }, diff --git a/apps/files_external/templates/settings.php b/apps/files_external/templates/settings.php index ac5b0d01a15..98498eb2c35 100644 --- a/apps/files_external/templates/settings.php +++ b/apps/files_external/templates/settings.php @@ -110,7 +110,7 @@ <?php endif; ?> > <td class="status"> - <span></span> + <span title="<?php p($l->t('Click to recheck the configuration')); ?>"></span> </td> <td class="mountPoint"><input type="text" name="mountPoint" value="" placeholder="<?php p($l->t('Folder name')); ?>"> diff --git a/settings/css/settings.scss b/settings/css/settings.scss index 05d62423d17..7ed02f8d186 100644 --- a/settings/css/settings.scss +++ b/settings/css/settings.scss @@ -1105,14 +1105,14 @@ table.grid td.date { span { &.success { - background: #37ce02; + background-color: $color-success; border-radius: $border-radius; } &.error { - background: #ce3702; + background-color: $color-error; } &.indeterminate { - background: #e6db00; + background-color: $color-warning; border-radius: 40% 0; } } |