diff --git a/src/components/ConversationIcon.vue b/src/components/ConversationIcon.vue index 5ea3f3cf708..82372abbc28 100644 --- a/src/components/ConversationIcon.vue +++ b/src/components/ConversationIcon.vue @@ -24,7 +24,7 @@ role="img" aria-hidden="false" :aria-label="conversationType.label"> - + @@ -265,11 +265,14 @@ export default { &__type { position: absolute; - right: -4px; - bottom: -4px; - height: 18px; - width: 18px; - border: 2px solid var(--color-main-background); + right: -2px; + bottom: -2px; + display: flex; + align-content: center; + justify-content: center; + height: clamp(14px, 40%, 18px); + width: clamp(14px, 40%, 18px); + border: 1px solid var(--color-main-background); background-color: var(--color-main-background); color: var(--color-main-text); border-radius: 50%; diff --git a/src/components/LeftSidebar/LeftSidebar.vue b/src/components/LeftSidebar/LeftSidebar.vue index a30c3697eeb..bec6a2a500d 100644 --- a/src/components/LeftSidebar/LeftSidebar.vue +++ b/src/components/LeftSidebar/LeftSidebar.vue @@ -1094,5 +1094,15 @@ export default { line-height: 1.2; overflow: hidden; outline-offset: -2px; + + // FIXME clean up after nextcloud/vue release + .avatardiv .avatardiv__user-status { + right: -2px !important; + bottom: -2px !important; + min-height: 14px !important; + min-width: 14px !important; + line-height: 1 !important; + font-size: clamp(var(--font-size-small), 85%, var(--default-font-size)) !important; + } } diff --git a/src/components/RightSidebar/Participants/Participant.vue b/src/components/RightSidebar/Participants/Participant.vue index 10985268108..b998b9ac592 100644 --- a/src/components/RightSidebar/Participants/Participant.vue +++ b/src/components/RightSidebar/Participants/Participant.vue @@ -1147,6 +1147,16 @@ export default { button, button * { cursor: pointer; } + + // FIXME clean up after nextcloud/vue release + .avatardiv .avatardiv__user-status { + right: -2px !important; + bottom: -2px !important; + min-height: 14px !important; + min-width: 14px !important; + line-height: 1 !important; + font-size: clamp(var(--font-size-small), 85%, var(--default-font-size)) !important; + } } &--offline &__user-name {