At opened card, toggle to show checklist at minicard. Part 3.

Thanks to xet7 !

client/components/cards/checklists.css

@@ -40,6 +40,8 @@ textarea.js-edit-checklist-item {
   display: flex;
   justify-content: space-between;
 }
+
+
 .checklist-progress-bar-container {
   display: flex;
   flex-direction: row;

client/components/cards/minicard.css

@@ -4,6 +4,9 @@
 .minicard .checklist-details-menu {
   display: none;
 }
+.minicard .checklist-progress-bar-container {
+  width: 190px; /* TODO: Add adjustable width https://github.com/wekan/wekan/pull/4964 */
+}
 .minicard-wrapper {
   cursor: pointer;
   position: relative;

client/components/cards/minicard.js

@@ -92,6 +92,11 @@ BlazeComponent.extendComponent({
   events() {
     return [
       {
+        'click .minicard-checklists'() {
+          // Prevents clicking checklist at minicard from opening card details,
+          // while still allowing checking checlist items.
+          event.preventDefault();
+        },
         'click .js-linked-link'() {
           if (this.data().isLinkedCard()) Utils.goCardId(this.data().linkedId);
           else if (this.data().isLinkedBoard())