Merge pull request #15 from hismethod/hotfix/linenumber-style

Correct lineNumberStyle application logic in code.tsx
code-hike · Apr 23, 2023 · 2b22b09 · 2b22b09 · vercel · Apr 23, 2023
2 parents 3e608de + e42c026
commit 2b22b09
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/.changeset/perfect-geese-compare.md b/.changeset/perfect-geese-compare.md
@@ -0,0 +1,5 @@
+---
+"bright": patch
+---
+
+Fix line numbers style
diff --git a/lib/src/code.tsx b/lib/src/code.tsx
@@ -106,18 +106,17 @@ function Style({
   mode: "dark" | "light" | undefined
   lineNumbers?: boolean
 }) {
-  const lineNumbersStyle = lineNumbers
-    ? ""
-    : `[data-bright-theme] [data-bright-ln] { 
+  const lineNumbersStyle = `[data-bright-theme] [data-bright-ln] { 
     color: var(--line-number-color); 
     margin-right: 1.5ch; 
     display: inline-block;
     text-align: right;
     user-select: none;
   }`
+
   const css = `${displayStyle(mode)}
   [data-bright-theme] ::selection { background-color: var(--selection-background) }
-  ${lineNumbersStyle}
+  ${lineNumbers ? lineNumbersStyle : ""}
   `
   return <style dangerouslySetInnerHTML={{ __html: css }} />
 }