kintone-samples/plugin-samples

[ganttchart] Update the modal so that Sub-titles can be seen even if the Title is too long

tkmry opened this issue · 2 comments

tkmry commented

ガントチャートプラグインで表示した際に、日付のチップをクリックするとモーダルウィンドウで日付を変更する画面が表示されますが、大項目名が長いと中項目が表示されず、何について変更をしているのか判別しづらくなっています。
image

暫定的な対応として、h3配下に埋め込んでいる、data.name と data.desc の間に <br /> を挿入して、
下記の画面のようにしていただけますか。
image
該当コード行: https://github.com/kintone-samples/plugin-samples/blob/master/examples/ganttchart/js/desktop-ganttchart.js#L171

本来、分離するつもりであれば data.desc を h3 タグの中から取り出し、
div や h4 等に付け替える必要はあると感じていますが、
css の修正まで手掛けるよりは手間もかからず必要な効果が出るため上記提案に留めております。

差し支えなければ修正して PullRequest を送りますがいかがでしょうか。

will-yama commented

Translation:

Enhancement:

  • Modals display the Title first, followed along with the Sub-title
  • If the Title is too long, it cuts off, and the Sub-title cannot be seen
  • The suggestion in this issue is to include a line break after the Title so that the Sub-title will always be shown in the modal, no matter how long the Title is
  • ❤️1
will-yama commented

@tkmry Thanks for your suggestion, the idea to improve the modal sounds great.
Please send us a PR whenever you like.

  • 👍1