5sControl / 5sControl/5s-frontend
[0.5h]The header is overlapped when directory/item name is too long
- Lenguaje dominante
- TypeScript
- Estrellas
- 3
- Forks
- 1
- Métricas de merge de PR
- Sin PR fusionados en 30 d
Descripción
Device: Samsung Galaxy S20+
OS: Android 13
Browser: Google Chrome
Version: 131.0.6778.260
Precondition:
войти в систему как администратор
Steps to reproduce:
Sequence 1
1. Нажать Настройка данных
2. Нажать Универсальные справочники
3. Нажать на кнопку добавления нового каталога
4. Ввести имя каталога на всю длину поля ввода
5. Нажать кнопку Сохранить
6. Нажать кнопку Сохранить в диалоговом окне
7. Открыть созданный каталог
Sequence 2
1. Нажать Справочники
2. Нажать Узлы
3. Нажать на кнопку добавления нового узла
4. Ввести имя узла на всю длину поля ввода
5. Нажать кнопку Сохранить
6. Открыть созданный узел
Actual result:
имя каталога/узла полностью перекрывает хедер экрана
Expected result:
имя каталога/узла отображается посередине хедера (с многоточием в конце, если имя длинное)
Attachments:
Guía de contribución
Línea de trabajo
El issue muestra capturas de pantalla de un header que queda solapado por nombres largos de directorios/elementos en un navegador móvil. Busca los componentes del header y la lógica de visualización para texto largo, probablemente usando CSS overflow o truncamiento de texto. Comprueba los componentes de UI para 'Универсальные справочники' (Universal directories) y 'Узлы' (Nodes). Verifica el fix probándolo en un viewport móvil o emulador de Chrome en Android.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- react, typescript
- Área
- frontend, mobile
- Tipo de issue
- Error
- Dificultad
- 2/5
- Tiempo estimado
- 1-3 horas
- Estado de actividad
- Estancado
- Claridad
- Bien especificado
- Aptitud para principiantes
- 40/100