プロジェクト

全般

プロフィール

Vote #80175

未完了

Bad position for attachment file description field on mobile screens

Admin Redmine さんが約2年前に追加. 約2年前に更新.

ステータス:
New
優先度:
通常
担当者:
-
カテゴリ:
UI - Responsive_57
対象バージョン:
-
開始日:
2022/05/09
期日:
進捗率:

0%

予定工数:
category_id:
57
version_id:
0
issue_org_id:
31693
author_id:
159877
assigned_to_id:
0
comments:
0
status_id:
1
tracker_id:
1
plus1:
0
affected_version:
closed_on:
affected_version_id:
151
ステータス-->[New]

説明

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; }
    }

Admin Redmine さんが約2年前に更新

  • カテゴリUI - Responsive_57 にセット

他の形式にエクスポート: Atom PDF

いいね!0
いいね!0