From 1631a6c07881fde461ee51b85711769f7a7b39af Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Quentin=20Guid=C3=A9e?= Date: Sat, 19 Mar 2022 12:01:14 +0100 Subject: Refine dashboard customize view MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: Quentin Guidée --- apps/dashboard/src/App.vue | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) (limited to 'apps/dashboard') diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue index 6360a6dd99a..8a120d4d066 100644 --- a/apps/dashboard/src/App.vue +++ b/apps/dashboard/src/App.vue @@ -564,22 +564,32 @@ export default { } li { label { + position: relative; display: block; - padding: 48px 8px 16px 8px; + padding: 48px 16px 14px 16px; margin: 8px; - width: 160px; + width: 140px; background-color: var(--color-background-hover); border: 2px solid var(--color-main-background); border-radius: var(--border-radius-large); background-size: 24px; - background-position: center 16px; - text-align: center; + background-position: 16px 16px; + text-align: left; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; &:hover { border-color: var(--color-primary); } } + input[type='checkbox'].checkbox + label:before { + position: absolute; + right: 12px; + top: 16px; + } + input:focus + label { border-color: var(--color-primary); } -- cgit v1.2.3