From a7b7bfafb52b144e1540704849c9bc316460ab71 Mon Sep 17 00:00:00 2001
From: Martin Filser <github-wekan@linux-email.de>
Date: Sat, 27 Nov 2021 11:51:24 +0100
Subject: [PATCH] Add arrow down icon in the right of the plus icon

- there isn't a good plus icon which means the card is added at the
  bottom, so i try to use 2 icons for this feature
---
 client/components/lists/list.styl       | 9 +++++++++
 client/components/lists/listHeader.jade | 8 ++++++--
 client/components/lists/listHeader.js   | 2 +-
 3 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/client/components/lists/list.styl b/client/components/lists/list.styl
index 50e38a6d6..40dfc8a7d 100644
--- a/client/components/lists/list.styl
+++ b/client/components/lists/list.styl
@@ -106,6 +106,15 @@
     color #4d4d4d
     padding-left 4px
 
+.list-header-plus-square-icon
+  border: 1px solid #a6a6a6
+
+  a
+    padding: 0px
+
+  .fa.fa-arrow-down
+    padding-right: 1px
+
 .list-body
   flex: 1 1 auto
   flex-direction: column
diff --git a/client/components/lists/listHeader.jade b/client/components/lists/listHeader.jade
index 987092b08..7f71870e9 100644
--- a/client/components/lists/listHeader.jade
+++ b/client/components/lists/listHeader.jade
@@ -28,7 +28,9 @@ template(name="listHeader")
           div.list-header-menu
             unless currentUser.isCommentOnly
               if canSeeAddCard
-                a.js-add-card.fa.fa-plus-square.list-header-plus-square-icon(title="{{_ 'add-card-to-bottom-of-list'}}")
+                a.js-add-card.list-header-plus-square-icon(title="{{_ 'add-card-to-bottom-of-list'}}")
+                  a.fa.fa-plus-square
+                  a.fa.fa-arrow-down
                 a.js-add-card.fa.fa-plus.list-header-plus-icon(title="{{_ 'add-card-to-top-of-list'}}")
               a.fa.fa-navicon.js-open-list-menu(title="{{_ 'listActionPopup-title'}}")
         else
@@ -42,7 +44,9 @@ template(name="listHeader")
             //if isBoardAdmin
             //  a.fa.js-list-star.list-header-plus-icon(class="fa-star{{#unless starred}}-o{{/unless}}")
             if canSeeAddCard
-              a.js-add-card.fa.fa-plus-square.list-header-plus-square-icon(title="{{_ 'add-card-to-bottom-of-list'}}")
+              a.js-add-card.list-header-plus-square-icon(title="{{_ 'add-card-to-bottom-of-list'}}")
+                a.fa.fa-plus-square
+                a.fa.fa-arrow-down
               a.js-add-card.fa.fa-plus.list-header-plus-icon(title="{{_ 'add-card-to-top-of-list'}}")
             a.fa.fa-navicon.js-open-list-menu(title="{{_ 'listActionPopup-title'}}")
           if currentUser.isBoardAdmin
diff --git a/client/components/lists/listHeader.js b/client/components/lists/listHeader.js
index d194b7d52..fdc339ec0 100644
--- a/client/components/lists/listHeader.js
+++ b/client/components/lists/listHeader.js
@@ -110,7 +110,7 @@ BlazeComponent.extendComponent({
             position: 'top',
           });
         },
-        'click .js-add-card.fa-plus-square'(event) {
+        'click .js-add-card.list-header-plus-square-icon'(event) {
           const listDom = $(event.target).parents(
             `#js-list-${this.currentData()._id}`,
           )[0];