5sControl / 5sControl/5s-frontend
[0.5h]The header is overlapped when directory/item name is too long
- Lingua principale
- TypeScript
- Stelle
- 3
- Fork
- 1
- Metriche di merge delle PR
- Nessuna PR unita negli ultimi 30g
Descrizione
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:
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
La issue mostra screenshot di un header sovrapposto da nomi lunghi di directory/elementi in un browser mobile. Cerca i componenti dell'header e la logica di visualizzazione del testo lungo, probabilmente usando CSS overflow o il troncamento del testo. Controlla i componenti UI per 'Универсальные справочники' (Universal directories) e 'Узлы' (Nodes). Verifica il fix testandolo in un viewport mobile o in un emulatore per Chrome su Android.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- react, typescript
- Ambito
- frontend, mobile
- Tipo di issue
- Bug
- Difficoltà
- 2/5
- Tempo stimato
- 1-3 ore
- Stato di attività
- Ferma
- Chiarezza
- Specificata chiaramente
- Idoneità per principianti
- 40/100