Add screenshot support for tasks (copy/paste images directly)

3 files changed, 60 insertions, 3 deletions

diff --git a/assets/css/app.css b/assets/css/app.css
index 0c9276ba..fc81c0ae 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -769,7 +769,7 @@ nav .active a {
 
 /* board table */
 #board-container {
-    padding-bottom: 180px; /* Space to avoid dropdown menu truncated */
+    padding-bottom: 200px; /* Space to avoid dropdown menu truncated */
     overflow-x: scroll;
 }
 
@@ -1083,17 +1083,21 @@ span.task-board-date-overdue {
 .task-link-closed {
     text-decoration: line-through;
 }
+
 .task-show-images {
     list-style-type: none;
 }
+
 .task-show-images li img {
     width: 100%;
 }
+
 .task-show-images li .img_container {
     width: 250px;
     height: 100px;
     overflow: hidden;
 }
+
 .task-show-images li {
     padding: 10px;
     overflow: auto;
@@ -1102,20 +1106,44 @@ span.task-board-date-overdue {
     display: inline-block;
     vertical-align: top;
 }
+
 .task-show-images li p{
     padding: 5px;
     font-weight: bold;
 }
+
 .task-show-images li:hover {
     background: #eee;
 }
+
 .task-show-image-actions {
     margin-left: 5px;
 }
+
 .task-show-file-table {
     width: auto;
 }
-/* comments */
+
+/* screenshots */
+#screenshot-zone {
+    position: relative;
+    border: 2px dashed #ccc;
+    width: 90%;
+    height: 250px;
+    overflow: auto;
+}
+
+#screenshot-inner {
+    position: absolute;
+    left: 0;
+    bottom: 48%;
+    width: 100%;
+    text-align: center;
+}
+
+#screenshot-zone.screenshot-pasted {
+    border: 2px solid #333;
+}/* comments */
 .comment {
     margin-bottom: 20px;
 }
diff --git a/assets/css/src/board.css b/assets/css/src/board.css
index 4309b178..3cd0f004 100644
--- a/assets/css/src/board.css
+++ b/assets/css/src/board.css
@@ -20,7 +20,7 @@
 
 /* board table */
 #board-container {
-    padding-bottom: 180px; /* Space to avoid dropdown menu truncated */
+    padding-bottom: 200px; /* Space to avoid dropdown menu truncated */
     overflow-x: scroll;
 }
 
diff --git a/assets/css/src/task.css b/assets/css/src/task.css
index c57d8fc2..9f8125fe 100644
--- a/assets/css/src/task.css
+++ b/assets/css/src/task.css
@@ -243,17 +243,21 @@ span.task-board-date-overdue {
 .task-link-closed {
     text-decoration: line-through;
 }
+
 .task-show-images {
     list-style-type: none;
 }
+
 .task-show-images li img {
     width: 100%;
 }
+
 .task-show-images li .img_container {
     width: 250px;
     height: 100px;
     overflow: hidden;
 }
+
 .task-show-images li {
     padding: 10px;
     overflow: auto;
@@ -262,16 +266,41 @@ span.task-board-date-overdue {
     display: inline-block;
     vertical-align: top;
 }
+
 .task-show-images li p{
     padding: 5px;
     font-weight: bold;
 }
+
 .task-show-images li:hover {
     background: #eee;
 }
+
 .task-show-image-actions {
     margin-left: 5px;
 }
+
 .task-show-file-table {
     width: auto;
 }
+
+/* screenshots */
+#screenshot-zone {
+    position: relative;
+    border: 2px dashed #ccc;
+    width: 90%;
+    height: 250px;
+    overflow: auto;
+}
+
+#screenshot-inner {
+    position: absolute;
+    left: 0;
+    bottom: 48%;
+    width: 100%;
+    text-align: center;
+}
+
+#screenshot-zone.screenshot-pasted {
+    border: 2px solid #333;
+}
\ No newline at end of file