diff options
| author | Quentin Guidée <quentin.guidee@gmail.com> | 2022-03-19 12:01:14 +0100 |
|---|---|---|
| committer | Quentin Guidée <quentin.guidee@gmail.com> | 2022-03-19 12:01:14 +0100 |
| commit | 1631a6c07881fde461ee51b85711769f7a7b39af (patch) | |
| tree | 93755fc53324449fe7725723244c440e889ec104 /apps/dashboard | |
| parent | 40b0ca56f77a994e8a094643ea96d53e7e8d24bc (diff) | |
| download | nextcloud-server-1631a6c07881fde461ee51b85711769f7a7b39af.tar.gz nextcloud-server-1631a6c07881fde461ee51b85711769f7a7b39af.zip | |
Refine dashboard customize view
Signed-off-by: Quentin Guidée <quentin.guidee@gmail.com>
Diffstat (limited to 'apps/dashboard')
| -rw-r--r-- | apps/dashboard/src/App.vue | 18 |
1 files changed, 14 insertions, 4 deletions
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); } |