5sControl / 5sControl/5s-frontend

[0.5h]The header is overlapped when directory/item name is too long

Offen
#935 2 Kommentare 0 Reaktionen 1 zugewiesene Person Zugewiesen an @AndreichukVladlena Auf GitHub ansehen
bug ESMIL Front QA done Stage ready v. 0.8.1
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:
![Screenshot_20250111_145651_Chrome](https://github.com/user-attachments/assets/1344da4f-13ad-4127-bafe-fb1de0cfd661)
![Screenshot_20250113_114843_Chrome](https://github.com/user-attachments/assets/3ab74155-dbb8-4a61-b262-a1f06a26683c)

Beitragsleitfaden

Beitragsleitfaden öffnen

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

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.