From d1a2482dda73ea7234a94cc71f563eb6d24a679c Mon Sep 17 00:00:00 2001
From: "Jan C. Borchardt" <hey@jancborchardt.net>
Date: Wed, 19 Aug 2020 00:29:14 +0200
Subject: [PATCH] Dashboard: Add more feedback for selected background
Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>
---
apps/dashboard/src/App.vue | 3 ---
apps/dashboard/src/components/BackgroundSettings.vue | 10 ++++++++++
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%;
+ }
}
}
--
GitLab