diff options
| -rw-r--r-- | apps/updatenotification/css/admin.css | 7 | ||||
| -rw-r--r-- | apps/updatenotification/js-src/components/root.vue | 12 |
2 files changed, 16 insertions, 3 deletions
diff --git a/apps/updatenotification/css/admin.css b/apps/updatenotification/css/admin.css index 20c9253f472..3fa7c688677 100644 --- a/apps/updatenotification/css/admin.css +++ b/apps/updatenotification/css/admin.css @@ -21,7 +21,12 @@ margin-top: 0; } -#updatenotification .icon-loading-small { +#updatenotification .icon { display: inline-block; margin-bottom: -3px; } + +#updatenotification .icon-triangle-s, +#updatenotification .icon-triangle-n { + opacity: 0.5; +} diff --git a/apps/updatenotification/js-src/components/root.vue b/apps/updatenotification/js-src/components/root.vue index 6f6188f4d91..11dfd351c63 100644 --- a/apps/updatenotification/js-src/components/root.vue +++ b/apps/updatenotification/js-src/components/root.vue @@ -9,14 +9,22 @@ </p> <template v-if="missingAppUpdates.length"> - <h3 @click="toggleHideMissingUpdates">{{ t('updatenotification', 'Apps missing updates') }}</h3> + <h3 @click="toggleHideMissingUpdates"> + {{ t('updatenotification', 'Apps missing updates') }} + <span v-if="!hideMissingUpdates" class="icon icon-triangle-n"></span> + <span v-if="hideMissingUpdates" class="icon icon-triangle-s"></span> + </h3> <ul class="applist" v-if="!hideMissingUpdates"> <li v-for="app in missingAppUpdates"><a :href="'https://apps.nextcloud.com/apps/' + app.appId" :title="t('settings', 'View in store')">{{app.appName}} ↗</a></li> </ul> </template> <template v-if="availableAppUpdates.length"> - <h3 @click="toggleHideAvailableUpdates">{{ t('updatenotification', 'Apps with available updates') }}</h3> + <h3 @click="toggleHideAvailableUpdates"> + {{ t('updatenotification', 'Apps with available updates') }} + <span v-if="!hideAvailableUpdates" class="icon icon-triangle-n"></span> + <span v-if="hideAvailableUpdates" class="icon icon-triangle-s"></span> + </h3> <ul class="applist"> <li v-for="app in availableAppUpdates" v-if="!hideAvailableUpdates"><a :href="'https://apps.nextcloud.com/apps/' + app.appId" :title="t('settings', 'View in store')">{{app.appName}} ↗</a></li> </ul> |