From 833d1aaed8a4b8aa99528a399d36d63dec9a6823 Mon Sep 17 00:00:00 2001 From: Maksim Sukharev Date: Tue, 13 Aug 2024 17:32:37 +0200 Subject: [PATCH] fix(avatar): move user status aside to not intersect with borders Signed-off-by: Maksim Sukharev --- src/components/LeftSidebar/LeftSidebar.vue | 6 ++++++ src/components/RightSidebar/Participants/Participant.vue | 6 ++++++ src/components/TopBar/TopBar.vue | 7 +++++++ 3 files changed, 19 insertions(+) diff --git a/src/components/LeftSidebar/LeftSidebar.vue b/src/components/LeftSidebar/LeftSidebar.vue index fcff658e19a..bc9abacdcbc 100644 --- a/src/components/LeftSidebar/LeftSidebar.vue +++ b/src/components/LeftSidebar/LeftSidebar.vue @@ -1095,5 +1095,11 @@ export default { line-height: 1.2; overflow: hidden; outline-offset: -2px; + + .avatardiv__user-status, + .conversation-icon__type { + right: -6px !important; + bottom: -2px !important; + } } diff --git a/src/components/RightSidebar/Participants/Participant.vue b/src/components/RightSidebar/Participants/Participant.vue index f6ffaa97270..79bb1413549 100644 --- a/src/components/RightSidebar/Participants/Participant.vue +++ b/src/components/RightSidebar/Participants/Participant.vue @@ -1135,6 +1135,12 @@ export default { outline-offset: -2px; cursor: default; + .avatardiv__user-status, + .avatar-wrapper__user-status { + right: -6px !important; + bottom: -2px !important; + } + a, a * { cursor: default; } diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue index db1decc82d7..a5b385de8fe 100644 --- a/src/components/TopBar/TopBar.vue +++ b/src/components/TopBar/TopBar.vue @@ -379,7 +379,14 @@ export default { } } +:deep(.avatardiv__user-status) { + right: -6px !important; + bottom: -2px !important; +} + :deep(.conversation-icon__type) { + right: -6px !important; + bottom: -2px !important; color: var(--original-color-main-text) !important; border-color: var(--original-color-main-background) !important; background-color: var(--original-color-main-background) !important;