5sControl / 5sControl/5s-frontend
[0.5h]The header is overlapped when directory/item name is too long
- 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:


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