fix: header bar bottom border

Talend · Dec 19, 2023 · f172fa8 · f172fa8
1 parent 0b18507
commit f172fa8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/.changeset/silent-penguins-wave.md b/.changeset/silent-penguins-wave.md
@@ -0,0 +1,5 @@
+---
+'@talend/react-components': patch
+---
+
+fix: Header bar border bottom in light mode
diff --git a/packages/components/src/HeaderBar/HeaderBar.module.scss b/packages/components/src/HeaderBar/HeaderBar.module.scss
@@ -14,6 +14,12 @@ $tc-headerbar-logo-full-width: 8.5rem !default;
 	}
 }
 
+[data-theme='qlik-light'] {
+	.tc-header-bar {
+		border-bottom: 1px solid tokens.$coral-color-neutral-border-weak;
+	}
+}
+
 .tc-header-bar {
 	background: tokens.$coral-color-brand-background;
 	color: tokens.$coral-color-brand-text;
@@ -22,7 +28,6 @@ $tc-headerbar-logo-full-width: 8.5rem !default;
 	top: 0;
 	width: 100%;
 	z-index: tokens.$coral-elevation-layer-standard-front;
-	border-bottom: 1px solid tokens.$coral-color-neutral-border-weak;
 
 	svg {
 		margin: 0;