5sControl / 5sControl/5s-frontend
[0.5h]The header is overlapped when directory/item name is too long
- Vorherrschende Sprache
- TypeScript
- Sterne
- 3
- Forks
- 1
- PR-Merge-Kennzahlen
- Keine gemergten PRs in 30 T.
Beschreibung
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:


Beitragsleitfaden
Rechercherichtung
Das Issue zeigt Screenshots eines Headers, der in einem mobilen Browser von langen Verzeichnis-/Elementnamen überlagert wird. Suche nach Header-Komponenten und der Anzeigelogik für langen Text, wahrscheinlich unter Verwendung von CSS overflow oder Textkürzung. Überprüfe die UI-Komponenten für 'Универсальные справочники' (Universal directories) und 'Узлы' (Nodes). Verifiziere den Fix, indem du ihn in einem mobilen Viewport oder Emulator für Chrome auf Android testest.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Bewertung
- Tech-Stack
- react, typescript
- Bereich
- frontend, mobile
- Issue-Typ
- Bug
- Schwierigkeit
- 2/5
- Geschätzter Aufwand
- 1-3 Stunden
- Aktivitätsstatus
- Veraltet
- Klarheit
- Klar beschrieben
- Anfängerfreundlichkeit
- 40/100