diff options
author | Jan C. Borchardt <hey@jancborchardt.net> | 2020-08-19 00:29:14 +0200 |
---|---|---|
committer | Julius Härtl <jus@bitgrid.net> | 2020-08-19 17:07:30 +0200 |
commit | d1a2482dda73ea7234a94cc71f563eb6d24a679c (patch) | |
tree | 3a66ecbeb8cb818bf4c6c905859c2d527c0e6961 /apps | |
parent | 9a7f7ea5e7181a09f3f2feb8f3dcd0ec4f21134f (diff) | |
download | nextcloud-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.vue | 3 | ||||
-rw-r--r-- | 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%; + } } } |