fix(avatar): move user status aside to not intersect with borders

Signed-off-by: Maksim Sukharev <[email protected]>
nextcloud · Aug 13, 2024 · 833d1aa · 833d1aa
1 parent 6e1f37e
commit 833d1aa
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git 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;
+	}
 }
 </style>
diff --git 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
@@ -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;