From c9298e8eaa009dec20f8b2381e60c7fe9c3066d2 Mon Sep 17 00:00:00 2001
From: tkmry <tk.intersect@gmail.com>
Date: Mon, 30 Nov 2020 22:43:34 +0900
Subject: [PATCH 1/3] update for
 https://github.com/kintone-samples/plugin-samples/issues/172

---
 examples/ganttchart/js/desktop-ganttchart.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/examples/ganttchart/js/desktop-ganttchart.js b/examples/ganttchart/js/desktop-ganttchart.js
index b029f68..9247ecf 100644
--- a/examples/ganttchart/js/desktop-ganttchart.js
+++ b/examples/ganttchart/js/desktop-ganttchart.js
@@ -168,7 +168,7 @@ function closeButton() {
 
         // モーダルウィンドウのHTMLを格納
         var $weather = $('<div id=' + divid + ' class="box"><div id="box-min"><div id="header">' +
-        '<h3>' + data.name + '　' + data.desc + '</h3>' +
+        '<h3>' + data.name + '<br />' + data.desc + '</h3>' +
         '</div><button type="button" class="modal-close" onclick="closeButton()">×</button><div class="content">' +
         '<p>' + data.lang.plzEnterStartDate + '</p><input type="text" id="start" value="' +
         moment(data.start).format('YYYY/MM/DD') + '">' +

From 4aac7dca6433aeefb0702f0c4f1b9791b813eea2 Mon Sep 17 00:00:00 2001
From: tkmry <tk.intersect@gmail.com>
Date: Mon, 30 Nov 2020 22:43:34 +0900
Subject: [PATCH 2/3] update for
 https://github.com/kintone-samples/plugin-samples/issues/172

update for https://github.com/kintone-samples/plugin-samples/issues/172
---
 examples/ganttchart/css/addin-style.css      | 2 +-
 examples/ganttchart/js/desktop-ganttchart.js | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/examples/ganttchart/css/addin-style.css b/examples/ganttchart/css/addin-style.css
index 9d922b0..b1e45f1 100644
--- a/examples/ganttchart/css/addin-style.css
+++ b/examples/ganttchart/css/addin-style.css
@@ -37,7 +37,7 @@ div#modal{
 div#modal div#box-min{
 	position: relative;
 	background-color:#ffffff;
-	width:500px;height:400px;
+	width:500px;height:420px;
 	border:2px solid #666666;
 	padding:0 5px 0 5px;
 }
diff --git a/examples/ganttchart/js/desktop-ganttchart.js b/examples/ganttchart/js/desktop-ganttchart.js
index b029f68..9247ecf 100644
--- a/examples/ganttchart/js/desktop-ganttchart.js
+++ b/examples/ganttchart/js/desktop-ganttchart.js
@@ -168,7 +168,7 @@ function closeButton() {
 
         // モーダルウィンドウのHTMLを格納
         var $weather = $('<div id=' + divid + ' class="box"><div id="box-min"><div id="header">' +
-        '<h3>' + data.name + '　' + data.desc + '</h3>' +
+        '<h3>' + data.name + '<br />' + data.desc + '</h3>' +
         '</div><button type="button" class="modal-close" onclick="closeButton()">×</button><div class="content">' +
         '<p>' + data.lang.plzEnterStartDate + '</p><input type="text" id="start" value="' +
         moment(data.start).format('YYYY/MM/DD') + '">' +

From e8e4815ae6d8d5c3dea4cb54b7f3cc208fb3b9ec Mon Sep 17 00:00:00 2001
From: tkmry <tk.intersect@gmail.com>
Date: Sat, 12 Dec 2020 17:41:51 +0900
Subject: [PATCH 3/3] insert line break title/sub title in mordal window(#172)

---
 examples/ganttchart/css/addin-style.css      | 12 ++++++++++++
 examples/ganttchart/js/desktop-ganttchart.js |  3 ++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/examples/ganttchart/css/addin-style.css b/examples/ganttchart/css/addin-style.css
index b1e45f1..0c3d573 100644
--- a/examples/ganttchart/css/addin-style.css
+++ b/examples/ganttchart/css/addin-style.css
@@ -64,6 +64,18 @@ h3 {
     text-overflow: ellipsis; 
 }
 
+#header h3 {
+    margin-bottom: 0;
+}
+
+#header h4 {
+    font-size: x-large;
+    text-align: center;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    margin-top: 0;
+}
+
 .content {
 	text-align:center;
 }
diff --git a/examples/ganttchart/js/desktop-ganttchart.js b/examples/ganttchart/js/desktop-ganttchart.js
index 9247ecf..60f2c40 100644
--- a/examples/ganttchart/js/desktop-ganttchart.js
+++ b/examples/ganttchart/js/desktop-ganttchart.js
@@ -168,7 +168,8 @@ function closeButton() {
 
         // モーダルウィンドウのHTMLを格納
         var $weather = $('<div id=' + divid + ' class="box"><div id="box-min"><div id="header">' +
-        '<h3>' + data.name + '<br />' + data.desc + '</h3>' +
+        '<h3>' + data.name + '</h3>' +
+        '<h4>' + data.desc + '</h4>' +
         '</div><button type="button" class="modal-close" onclick="closeButton()">×</button><div class="content">' +
         '<p>' + data.lang.plzEnterStartDate + '</p><input type="text" id="start" value="' +
         moment(data.start).format('YYYY/MM/DD') + '">' +