Vote #78801: Use number input field instead of text input for Gantt months field - redmineorg-copy202205 - Redmine

編集操作

リンクをコピー

Vote #78801

完了

Use number input field instead of text input for Gantt months field

Admin Redmine さんが4年以上前に追加. 4年以上前に更新.

ステータス:

Closed

優先度:

通常

担当者:

カテゴリ:

Gantt_34

対象バージョン:

4.0.0_99

開始日:

2022/05/09

期日:

進捗率:

予定工数:

Redmineorg_URL:

https://www.redmine.org/issues/26869

category_id:

version_id:

issue_org_id:

26869

author_id:

107353

assigned_to_id:

332

comments:

status_id:

tracker_id:

plus1:

affected_version:

closed_on:

affected_version_id:

ステータス-->[Closed]

引用

説明

A small UX improvement is to use a "number input":https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/number instead of the classic input for the Gantt months field.

Benefits:

users can select the number of months using the mouse or/and mouse wheel
it validates the field value client side
on mobile devices, the numeric keyboard is shown

!gantt_numeric_field.png!

journals

Thank you for the interesting patch. But I found that the input#months field is too wide in Firefox. Could you add some CSS to adjust the width to your patch?

*Firefox:* input#months is too wide
!{width: 400px; border: 1px solid #ccc;}.month-width-firefox@2x.png!

*Chrome:* no problem.
!{width: 400px; border: 1px solid #ccc;}.month-width-chrome@2x.png!
--------------------------------------------------------------------------------
Thanks for finding the issue. Attached is the updated patch with the fix.
--------------------------------------------------------------------------------

--------------------------------------------------------------------------------
The width of input#months field looks fine now. Thank you for adjusting it.
Setting target version to 4.1.0.
--------------------------------------------------------------------------------
Committed in the trunk. Thank you for improving Redmine.
--------------------------------------------------------------------------------