Defect #31693
Bad position for attachment file description field on mobile screens
Status: | New | Start date: | ||
---|---|---|---|---|
Priority: | Normal | Due date: | ||
Assignee: | - | % Done: | 0% | |
Category: | UI - Responsive | |||
Target version: | - | |||
Resolution: | Affected version: | 4.0.4 |
Description
On mobile screens (iphone 5/se, for example) after attachment some file (in issue edit form, for example) description field cropped. Also, after entering a few characters in description field side menu starts to come out.
To fix it enough:
1. change file /public/javascripts/attachments.js line 63
From:
fileSpan.find('input.description, a').css('display', 'inline-block');
To:
fileSpan.find('input.description, a').css('display', $(window).width() < 899 ? 'block' : 'inline-block');
2. Also need add lines to /public/stylesheets/application.css
@media screen and (max-width: 400px) {
.attachments_fields input.description, #existing-attachments input.description { width:280px; }
}