Reverted New UI Design of WeKan v8.29 and added more fixes and performance improvements.

Thanks to xet7 !

client/components/common/originalPosition.css

@@ -2,8 +2,8 @@
 .original-position-info {
   margin: 5px 0;
   padding: 8px;
-  border-radius: 0.4ch;
-
+  border-radius: 4px;
+  font-size: 12px;
   line-height: 1.4;
 }
 
@@ -57,7 +57,7 @@
 
 .original-title {
   color: #6c757d;
-
+  font-size: 11px;
   margin-top: 4px;
   padding-top: 4px;
   border-top: 1px solid #e9ecef;
@@ -78,7 +78,7 @@
 /* Responsive adjustments */
 @media (max-width: 768px) {
   .original-position-info {
-
+    font-size: 11px;
     padding: 6px;
   }
 

client/components/common/originalPosition.html

@@ -15,7 +15,7 @@
             <span class="original-position-text">✅ In original position</span>
           </div>
         {{/if}}
-        
+
         {{#if getOriginalTitle}}
           <div class="original-title">
             <strong>Original title:</strong> {{getOriginalTitle}}

client/components/common/originalPosition.js

@@ -13,7 +13,7 @@ class OriginalPositionComponent extends BlazeComponent {
     this.originalPosition = new ReactiveVar(null);
     this.isLoading = new ReactiveVar(false);
     this.hasMoved = new ReactiveVar(false);
-    
+
     this.autorun(() => {
       const data = this.data();
       if (data && data.entityId && data.entityType) {
@@ -24,9 +24,9 @@ class OriginalPositionComponent extends BlazeComponent {
 
   loadOriginalPosition(entityId, entityType) {
     this.isLoading.set(true);
-    
+
     const methodName = `positionHistory.get${entityType.charAt(0).toUpperCase() + entityType.slice(1)}OriginalPosition`;
-    
+
     Meteor.call(methodName, entityId, (error, result) => {
       this.isLoading.set(false);
       if (error) {
@@ -34,7 +34,7 @@ class OriginalPositionComponent extends BlazeComponent {
         this.originalPosition.set(null);
       } else {
         this.originalPosition.set(result);
-        
+
         // Check if the entity has moved
         const movedMethodName = `positionHistory.has${entityType.charAt(0).toUpperCase() + entityType.slice(1)}Moved`;
         Meteor.call(movedMethodName, entityId, (movedError, movedResult) => {
@@ -61,11 +61,11 @@ class OriginalPositionComponent extends BlazeComponent {
   getOriginalPositionDescription() {
     const position = this.getOriginalPosition();
     if (!position) return 'No original position data';
-    
+
     if (position.originalPosition) {
       const entityType = this.data().entityType;
       let description = `Original position: ${position.originalPosition.sort || 0}`;
-      
+
       if (entityType === 'list' && position.originalSwimlaneId) {
         description += ` in swimlane ${position.originalSwimlaneId}`;
       } else if (entityType === 'card') {
@@ -76,10 +76,10 @@ class OriginalPositionComponent extends BlazeComponent {
           description += ` in list ${position.originalListId}`;
         }
       }
-      
+
       return description;
     }
-    
+
     return 'No original position data';
   }