Merge pull request #2340 from dgageot/board/tui-sidebar-delimiter-character-tester-82518f90

Fix scrollbar rendering in web terminals

Author: dgageot

pkg/tui/components/scrollbar/scrollbar.go

@@ -34,8 +34,8 @@ type Model struct {
 func New() *Model {
 	return &Model{
 		width:     Width,
-		trackChar: "⎪",
-		thumbChar: "⎪",
+		trackChar: "│",
+		thumbChar: "│",
 	}
 }
 

pkg/tui/styles/styles.go

@@ -404,8 +404,8 @@ var (
 // Scrollbar
 var (
 	TrackStyle       = lipgloss.NewStyle().Foreground(BorderSecondary)
-	ThumbStyle       = lipgloss.NewStyle().Foreground(Info).Background(BackgroundAlt).Bold(true)
-	ThumbActiveStyle = lipgloss.NewStyle().Foreground(White).Background(BackgroundAlt).Bold(true)
+	ThumbStyle       = lipgloss.NewStyle().Foreground(Info).Background(BackgroundAlt)
+	ThumbActiveStyle = lipgloss.NewStyle().Foreground(White).Background(BackgroundAlt)
 )
 
 // Resize Handle Style

pkg/tui/styles/theme.go

@@ -1161,8 +1161,8 @@ func rebuildStyles() {
 
 	// Scrollbar styles
 	TrackStyle = lipgloss.NewStyle().Foreground(BorderSecondary)
-	ThumbStyle = lipgloss.NewStyle().Foreground(Info).Background(BackgroundAlt).Bold(true)
-	ThumbActiveStyle = lipgloss.NewStyle().Foreground(White).Background(BackgroundAlt).Bold(true)
+	ThumbStyle = lipgloss.NewStyle().Foreground(Info).Background(BackgroundAlt)
+	ThumbActiveStyle = lipgloss.NewStyle().Foreground(White).Background(BackgroundAlt)
 
 	// Resize handle styles
 	ResizeHandleStyle = BaseStyle.Foreground(BorderSecondary)