Fix: UI feedback changes (#5852)

* fix: add divider before delete button * fix: timeline section title color in lightmode * fix: remove the extra border from alert history tabs
SigNoz · Sep 4, 2024 · ba7343b · ba7343b
1 parent a7a2209
commit ba7343b
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 1 deletion.
diff --git a/frontend/src/container/AlertHistory/Timeline/Timeline.styles.scss b/frontend/src/container/AlertHistory/Timeline/Timeline.styles.scss
@@ -12,3 +12,11 @@
 		letter-spacing: -0.07px;
 	}
 }
+
+.lightMode {
+	.timeline {
+		&__title {
+			color: var(--text-ink-400);
+		}
+	}
+}
diff --git a/frontend/src/pages/AlertDetails/AlertDetails.styles.scss b/frontend/src/pages/AlertDetails/AlertDetails.styles.scss
@@ -171,7 +171,7 @@
 		.ant-tabs {
 			&-nav {
 				&::before {
-					border-bottom: 1px solid var(--bg-vanilla-300) !important;
+					border: none !important;
 				}
 			}
 			&-tab {

diff --git a/frontend/src/pages/AlertDetails/AlertHeader/ActionButtons/ActionButtons.tsx b/frontend/src/pages/AlertDetails/AlertHeader/ActionButtons/ActionButtons.tsx
@@ -63,6 +63,7 @@ function AlertActionButtons({
 				onClick: (): void => handleAlertDuplicate(),
 				style: menuItemStyle,
 			},
+			{ type: 'divider' },
 			{
 				key: 'delete-rule',
 				label: 'Delete',