5sControl / 5sControl/5s-frontend

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

Đang mở
#935 2 bình luận 0 reaction 1 người được giao Được giao cho @AndreichukVladlena Xem trên GitHub
bug ESMIL Front QA done Stage ready v. 0.8.1
Ngôn ngữ chính
TypeScript
Star
3
Fork
1
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

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)

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Issue cho thấy các ảnh chụp màn hình trong đó header bị các tên thư mục/mục dài chồng lên trên trình duyệt di động. Hãy tìm các component của header và logic hiển thị văn bản dài, có thể đang sử dụng CSS overflow hoặc cắt ngắn văn bản. Kiểm tra các component UI cho 'Универсальные справочники' (Universal directories) và 'Узлы' (Nodes). Xác minh fix bằng cách kiểm thử trên viewport di động hoặc trình giả lập Chrome trên Android.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
react, typescript
Lĩnh vực
frontend, mobile
Loại issue
Lỗi
Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Đặc tả rõ ràng
Mức phù hợp với người mới
40/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.