From 8045f82eafa806a40102826005879fdf001b9058 Mon Sep 17 00:00:00 2001 From: Maksim Sukharev Date: Mon, 19 Feb 2024 10:53:00 +0100 Subject: [PATCH] fix(NcListItem): compensate added margin for list items Signed-off-by: Maksim Sukharev --- src/components/NcListItem/NcListItem.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/NcListItem/NcListItem.vue b/src/components/NcListItem/NcListItem.vue index e880bd9401..b990cc2c90 100644 --- a/src/components/NcListItem/NcListItem.vue +++ b/src/components/NcListItem/NcListItem.vue @@ -737,12 +737,12 @@ export default { flex: 0 0 auto; justify-content: flex-start; padding: 8px 10px; - // 4px padding for the focus-visible styles + // 4px padding for the focus-visible styles. Width is reduced to compensate it margin: 4px; + width: calc(100% - 8px); // Fix for border-radius being too large for 3-line entries like in Mail // 44px avatar size / 2 + 8px padding, and 2px for better visual quality border-radius: 32px; - width: 100%; cursor: pointer; transition: background-color var(--animation-quick) ease-in-out; list-style: none;