From: Jan C. Borchardt <hey@jancborchardt.net>
Date: Tue, 18 Aug 2020 22:29:14 +0000 (+0200)
Subject: Dashboard: Add more feedback for selected background
X-Git-Tag: v20.0.0beta1~35^2~8
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=d1a2482dda73ea7234a94cc71f563eb6d24a679c;p=nextcloud-server.git

Dashboard: Add more feedback for selected background

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
---

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%;
+			}
 		}
 	}