diff options
| author | Joas Schilling <coding@schilljs.com> | 2018-03-06 17:24:24 +0100 |
|---|---|---|
| committer | Joas Schilling <coding@schilljs.com> | 2018-03-06 17:24:24 +0100 |
| commit | 303085421e80e4cdd39f2af2d0544797b67d9145 (patch) | |
| tree | 993f10f3d65a504bab14813609b6817f7fe7e01e /apps | |
| parent | f9eb5c85a3161057b8fd1c091d3bef7c5222f16a (diff) | |
| download | nextcloud-server-303085421e80e4cdd39f2af2d0544797b67d9145.tar.gz nextcloud-server-303085421e80e4cdd39f2af2d0544797b67d9145.zip | |
Add a little arrow to indicate that the list can be opened
Signed-off-by: Joas Schilling <coding@schilljs.com>
Diffstat (limited to 'apps')
| -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> |