diff options
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> |