From 1e61cf617a383763c27175a6c3196e8fdb93bf94 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Julius=20H=C3=A4rtl?= Date: Tue, 18 Aug 2020 20:30:12 +0200 Subject: [PATCH] Add active indicator to background selector MIME-Version: 1.0 Content-Type: text/plain; charset=utf8 Content-Transfer-Encoding: 8bit Signed-off-by: Julius Härtl --- apps/dashboard/src/App.vue | 2 +- .../src/components/BackgroundSettings.vue | 28 ++++++++++++------- 2 files changed, 19 insertions(+), 11 deletions(-) diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue index 8a5daf904c4..294fddf259b 100644 --- a/apps/dashboard/src/App.vue +++ b/apps/dashboard/src/App.vue @@ -58,7 +58,7 @@ {{ t('dashboard', 'Get more widgets from the app store') }}

{{ t('dashboard', 'Change background image') }}

- +

{{ t('dashboard', 'Credits') }}

{{ t('dashboard', 'Photos') }}: Clouds (Kamil Porembiński), Un beau soir dété (Tanguy Domenge).

diff --git a/apps/dashboard/src/components/BackgroundSettings.vue b/apps/dashboard/src/components/BackgroundSettings.vue index 50a055a1267..7c43ed9ff39 100644 --- a/apps/dashboard/src/components/BackgroundSettings.vue +++ b/apps/dashboard/src/components/BackgroundSettings.vue @@ -23,6 +23,7 @@ @@ -67,6 +69,12 @@ const shippedBackgroundList = loadState('dashboard', 'shippedBackgrounds') export default { name: 'BackgroundSettings', + props: { + background: { + type: String, + default: 'default', + }, + }, data() { return { backgroundImage: generateUrl('/apps/dashboard/background') + '?v=' + Date.now(), @@ -147,7 +155,6 @@ export default { background-position: center center; text-align: center; border-radius: var(--border-radius-large); - border-radius: var(--border-radius-large); border: 2px solid var(--color-main-background); overflow: hidden; @@ -165,6 +172,7 @@ export default { color: var(--color-primary-text); } + &.active, &:hover, &:focus { border: 2px solid var(--color-primary); -- 2.39.5