[Bug]: Message navigation minimap shows a visible vertical track line on custom themes with an opaque border color

Abierto Apto para principiantes
  • ¿Algo no está bien?
#35,288 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
2/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
82/100
Tipo de issue
Error
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
css, tailwindcss, typescript
Área
design, frontend

Línea de trabajo

El issue identifica la clase de la pista del minimapa como absolute top-0 left-3 h-full w-px bg-border/15 en el área apps/web. Encuentra esa clase y comprueba cómo se comporta tanto con el tema predeterminado como con un color border personalizado y opaco. Se considera terminado cuando la línea no deseada de la pista deja de verse en todos los temas y las marcas del minimapa siguen siendo utilizables.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

Disclosure: I have OCD. This is a 1px line and it is driving me up the wall. Low severity, very high annoyance.

Before submitting
  • I searched existing issues and did not find a duplicate.
  • I included enough detail to reproduce or investigate the problem.
Area

apps/web

Steps to reproduce
  1. Use a custom theme whose border color is opaque. Mine is an Omarchy theme in ~/.t3/userdata/themes/omarchy.json with "border": "#4b4e55" and "canvas": "#101315".
  2. Open a thread long enough to show the message navigation minimap on the left edge of the chat.
  3. Compare with the default dark theme.
Expected behavior

The minimap looks the same as on the default theme: just the ticks, with no visible track line.

Actual behavior

A thin gray vertical line runs through the ticks on the custom theme. On the default theme there is no visible line.

Cause: the minimap draws its track with

absolute top-0 left-3 h-full w-px bg-border/15

On the default dark theme --border is #ffffff14 (white at about 8% alpha), so 15% of it is roughly 1% white and the line is effectively invisible. Custom themes map --border to --app-theme-border, which is usually opaque. 15% of #4b4e55 over #101315 comes out around #191c1e, which is clearly visible. So the line has always been there, it only shows when a theme's border color is solid.

Suggested fix: drop the track line if it isn't meant to be seen, or derive it from something that stays faint on every theme (e.g. color-mix(in oklab, var(--foreground) 4%, transparent)) instead of a percentage of --border.

Impact

Cosmetic issue

Version or commit

0.1.8-nightly.20261108.4367 (6417151c093e)

Environment

Linux (Omarchy, Hyprland, Wayland), desktop app nightly

Screenshots, recordings, or supporting files
Custom (Omarchy) theme: line visible Default theme: no line
Omarchy theme Default theme
Workaround

Give the theme's border color some alpha, e.g. "border": "#4b4e5540". That also fades every other border in the theme.

Lenguaje dominante
TypeScript
Estrellas
24.8k
Forks
6.4k
Merge medio
4 h 16 min
PR fusionados (30 d)
352

Preparar el entorno

Abrir en Codespaces

Inicia el contenedor de desarrollo del proyecto en tu navegador, con tu propia cuenta de GitHub.

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de pingdotgg/t3code

Todos los issues de pingdotgg/t3code

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.