aboutsummaryrefslogtreecommitdiffstats
path: root/apps
diff options
context:
space:
mode:
authorJan C. Borchardt <hey@jancborchardt.net>2020-08-19 00:29:14 +0200
committerJulius Härtl <jus@bitgrid.net>2020-08-19 17:07:30 +0200
commitd1a2482dda73ea7234a94cc71f563eb6d24a679c (patch)
tree3a66ecbeb8cb818bf4c6c905859c2d527c0e6961 /apps
parent9a7f7ea5e7181a09f3f2feb8f3dcd0ec4f21134f (diff)
downloadnextcloud-server-d1a2482dda73ea7234a94cc71f563eb6d24a679c.tar.gz
nextcloud-server-d1a2482dda73ea7234a94cc71f563eb6d24a679c.zip
Dashboard: Add more feedback for selected background
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
Diffstat (limited to 'apps')
-rw-r--r--apps/dashboard/src/App.vue3
-rw-r--r--apps/dashboard/src/components/BackgroundSettings.vue10
2 files changed, 10 insertions, 3 deletions
diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue
index 294fddf259b..12dfaa763ea 100644
--- a/apps/dashboard/src/App.vue
+++ b/apps/dashboard/src/App.vue
@@ -59,9 +59,6 @@
<h3>{{ t('dashboard', 'Change background image') }}</h3>
<BackgroundSettings :background="background" @updateBackground="updateBackground" />
-
- <h3>{{ t('dashboard', 'Credits') }}</h3>
- <p>{{ t('dashboard', 'Photos') }}: <a href="https://www.flickr.com/photos/paszczak000/8715851521/" target="_blank" rel="noopener">Clouds (Kamil Porembiński)</a>, <a href="https://www.flickr.com/photos/148302424@N05/36591009215/" target="_blank" rel="noopener">Un beau soir dété (Tanguy Domenge)</a>.</p>
</div>
</Modal>
</div>
diff --git a/apps/dashboard/src/components/BackgroundSettings.vue b/apps/dashboard/src/components/BackgroundSettings.vue
index 7c43ed9ff39..4fc23363ec3 100644
--- a/apps/dashboard/src/components/BackgroundSettings.vue
+++ b/apps/dashboard/src/components/BackgroundSettings.vue
@@ -177,6 +177,16 @@ export default {
&:focus {
border: 2px solid var(--color-primary);
}
+
+ &.active:after {
+ background-image: var(--icon-checkmark-fff);
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 44px;
+ content: '';
+ display: block;
+ height: 100%;
+ }
}
}