diff options
| author | John Molakvoæ <skjnldsv@protonmail.com> | 2022-04-26 10:20:59 +0300 |
|---|---|---|
| committer | nextcloud-command <nextcloud-command@users.noreply.github.com> | 2022-04-27 13:56:20 +0300 |
| commit | fe47cf40da6bec69892dbfb7e78d21ab2379da02 (patch) | |
| tree | 8700074bbbb17c97de2a0d324f5cb84b77b19b38 /apps/user_status | |
| parent | 7ab1fcf3c43992f3f27f1884eb6d912a79cfbb61 (diff) | |
Dashboard fixes
Signed-off-by: John Molakvoæ <skjnldsv@protonmail.com>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
Diffstat (limited to 'apps/user_status')
| -rw-r--r-- | apps/user_status/css/user-status-menu.scss | 8 | ||||
| -rw-r--r-- | apps/user_status/src/views/Dashboard.vue | 14 |
2 files changed, 11 insertions, 11 deletions
diff --git a/apps/user_status/css/user-status-menu.scss b/apps/user_status/css/user-status-menu.scss index 09dfd3124f8..0591bf15748 100644 --- a/apps/user_status/css/user-status-menu.scss +++ b/apps/user_status/css/user-status-menu.scss @@ -24,10 +24,6 @@ @include icon-color('app', 'user_status', $color-black, 1); } -body.theme--dark .icon-user-status { - @include icon-color('app', 'user_status', $color-white, 1); -} - .icon-user-status-online { background-image: url('../img/user-status-online.svg'); } @@ -44,7 +40,3 @@ body.theme--dark .icon-user-status { .icon-user-status-invisible { @include icon-color('user-status-invisible', 'user_status', $color-black, 1); } - -body.theme--dark .icon-user-status-invisible { - @include icon-color('user-status-invisible', 'user_status', $color-white, 1); -} diff --git a/apps/user_status/src/views/Dashboard.vue b/apps/user_status/src/views/Dashboard.vue index 629a28abeb5..b8f68d77fdc 100644 --- a/apps/user_status/src/views/Dashboard.vue +++ b/apps/user_status/src/views/Dashboard.vue @@ -37,8 +37,10 @@ </DashboardWidgetItem> </template> <template #empty-content> - <EmptyContent id="user_status-widget-empty-content" - icon="icon-user-status"> + <EmptyContent id="user_status-widget-empty-content"> + <template #icon> + <div class="icon-user-status" /> + </template> {{ t('user_status', 'No recent status changes') }} </EmptyContent> </template> @@ -47,9 +49,9 @@ <script> import { DashboardWidget, DashboardWidgetItem } from '@nextcloud/vue-dashboard' +import { loadState } from '@nextcloud/initial-state' import Avatar from '@nextcloud/vue/dist/Components/Avatar' import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent' -import { loadState } from '@nextcloud/initial-state' import moment from '@nextcloud/moment' export default { @@ -118,5 +120,11 @@ export default { #user_status-widget-empty-content { text-align: center; margin-top: 5vh; + .icon-user-status { + width: 64px; + height: 64px; + background-size: 64px; + filter: var(--background-invert-if-dark); + } } </style> |