Fix missing border on tab bar navigation arrows

Nate Butler created 2 years ago

Change summary

styles/src/style_tree/tab_bar.ts | 7 ++++++-
styles/src/theme/create_theme.ts | 2 +-
2 files changed, 7 insertions(+), 2 deletions(-)

Detailed changes

styles/src/style_tree/tab_bar.ts

@@ -90,6 +90,10 @@ export default function tab_bar(): any {
             icon_width: 12,
 
             button_width: active_pane_active_tab.height,
+            border: border(theme.lowest, "on", {
+                bottom: true,
+                overlay: true,
+            })
         },
         state: {
             hovered: {
@@ -97,10 +101,11 @@ export default function tab_bar(): any {
                 background: background(theme.highest, "on", "hovered"),
             },
             disabled: {
-                color: foreground(theme.highest, "on", "disabled"),
+                color: foreground(theme.highest, "on", "disabled")
             },
         },
     })
+
     const dragged_tab = {
         ...active_pane_active_tab,
         background: with_opacity(tab.background, 0.9),

styles/src/theme/create_theme.ts

@@ -1,4 +1,4 @@
-import chroma, { Scale, Color } from "chroma-js"
+import { Scale, Color } from "chroma-js"
 import { Syntax, ThemeSyntax, SyntaxHighlightStyle } from "./syntax"
 export { Syntax, ThemeSyntax, SyntaxHighlightStyle }
 import {