[Flex] Add inline-flex support and use CSS Modules
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 45/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- frontend
Línea de trabajo
Comienza inspeccionando los archivos de packages/raystack/raystack/components/flex/ para comprender el componente Flex existente y sus estilos inline. Añade la prop booleana inline para inline-flex y migra el estilo de Flex a CSS Modules con propiedades personalizadas; el trabajo estará terminado cuando el componente admita ambas mejoras de forma coherente.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
Summary
Flex is a custom layout primitive component. Minor improvements for developer experience and flexibility.
Improvements
2. Add inline prop for inline-flex
No way to use display: inline-flex. Add an inline boolean prop.
3. Use CSS Modules instead of inline styles
Currently uses inline styles for flex properties. Consider CSS Modules with CSS custom properties for consistency with the rest of the library.
Moved to Cross-Cutting Issues
The following items have been moved to cross-cutting issues that address them across all components:
- Add displayName (#676)
Files
packages/raystack/raystack/components/flex/
- Lenguaje dominante
- TypeScript
- Estrellas
- 70
- Forks
- 13
- Merge medio
- 4 d 6 h
- PR fusionados (30 d)
- 10
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 raystack/apsara
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
-
Dificultad 3/5 1-2 días Aptitud para principiantes 75/100
-
Docs: hand-duplicated props tables drift risk, missing a11y sections, no per-component changelog Abiertoenhancement global
Dificultad 4/5 3-5 días Aptitud para principiantes 48/100
-
bug global
Dificultad 4/5 3-5 días Aptitud para principiantes 48/100
Todos los issues de raystack/apsara
Issues similares
-
VerificationGate: ATTRIBUTION quote guard never matches a normal quotation (\b around the quote) Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
danielmiessler/LifeOS#2234 ·
-
T: Bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
-
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 85/100
-
Mend: dependency security vulnerability untriaged
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100