DateTimeRangeInput: give the preset list room to breathe
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
- 78/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bien especificado
- Estado de actividad
- Activo
- Stack tecnológico
- typescript
- Área
- frontend
Línea de trabajo
Lee los estilos de DateTimeRangeInput y la representación de los botones de preset, especialmente .uic-date-time-range-input__presets y el espaciado de las columnas adyacentes del calendario y la hora. Ajusta el espaciado de los presets y/o el tamaño de los botones en ui-common para que los presets tengan suficiente espacio de forma uniforme para todos los consumidores. El trabajo estará terminado cuando el espaciado de la lista de presets sea proporcional al resto del panel.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Problem
The preset list in DateTimeRangeInput's popover is cramped. .uic-date-time-range-input__presets stacks the presets with gap: var(--spacing-1), and each preset is a sm ghost button, so "Last 1 hour", "Last 24 hours" and "Last 7 days" sit almost touching while the calendar and time columns beside them use --spacing-3.
A consumer cannot adjust it: the popover renders in a portal and the component takes no class or style for it, so the only way is to override .uic-date-time-range-input__presets globally, which breaks silently when the class changes.
Expected
The preset column has spacing in proportion to the rest of the panel (a larger gap and/or md preset buttons), decided in ui-common so every consumer gets the same panel.
Context
Reported while adopting DateTimeRangeInput (#140, #145) for Backend.AI WebUI dashboard card periods (lablup/backend.ai-webui#10915), whose presets are Last 1 hour, Last 24 hours and Last 7 days.
- Lenguaje dominante
- TypeScript
- Estrellas
- 2
- Forks
- 0
- Merge medio
- 1 d 1 h
- PR fusionados (30 d)
- 36
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Sin plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de lablup/ui-common
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 66/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
Los mantenedores suelen responder en 1 día
-
Tab: render endContent beside the tab button, not inside itPosiblemente ocupada @ironAiken2 la tomó hace 1 día. Abierto
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
Los mantenedores suelen responder en 1 día
-
Dificultad 4/5 3-5 días Aptitud para principiantes 43/100
Los mantenedores suelen responder en 1 día
Todos los issues de lablup/ui-common
Issues similares
-
Add: ESP 2 ROAbiertoapproved check:passed streams:add
Dificultad 2/5 1-3 horas Aptitud para principiantes 66/100
Los mantenedores suelen responder en 1 día
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
Los mantenedores suelen responder en 1 día
-
ipaas: Configure form shows "Deploy to apply." and "Overrides selected Link" when they don't applyAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 67/100
wso2/integration-control-plane#1118 ·
Los mantenedores suelen responder en 1 día
-
File reporting form UI DesignAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
UTDNebula/utd-notebook#311 ·
Los mantenedores suelen responder en 2 días
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
Los mantenedores suelen responder en 1 día