Defect #31693

Bad position for attachment file description field on mobile screens

Added by Eduard Panov about 1 year ago.

Status:NewStart date:
Priority:NormalDue 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; }
}

Screen Shot 2019-07-07 at 17.47.41.png (28 KB) Eduard Panov, 2019-07-07 13:11

Also available in: Atom PDF