Merge pull request #3 from flotiq/feature/25343-kanban-board-improvements-part-2

#25343 kanban board improvements part 2

Author: CiotkaCierpienia

src/kanban-board/components/KanbanCard.js

@@ -153,7 +153,7 @@ const KanbanCard = ({
             return (
               <AdditionalDataRenderer
                 key={`${additionalField.key}-${index}`}
-                dataKey={additionalField.key}
+                dataKey={additionalField.label}
                 data={additionalField.data}
                 type={additionalField.type}
               />

src/kanban-board/helpers.js

@@ -14,6 +14,7 @@ export const parseOptions = (contentDefinition, selectedField) => {
 
 export const extractFieldType = ({ metaDefinition }, propertyKey) => {
   const fieldType = metaDefinition?.propertiesConfig[propertyKey]?.inputType;
+  const label = metaDefinition?.propertiesConfig[propertyKey]?.label;
   if (!fieldType) return {};
-  return { key: propertyKey, type: fieldType };
+  return { key: propertyKey, type: fieldType, label: label };
 };

src/plugin-manifest.json

@@ -2,7 +2,7 @@
   "id": "flotiq.kanban-view",
   "name": "Kanban view",
   "description": "This plugin will change Content Objects grid into kanban board for selected Content Definition. ",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "repository": "https://github.com/flotiq/flotiq-ui-react-plugin-kanban-board",
   "url": "https://localhost:3050/static/js/bundle.js",
   "permissions": [

src/styles/style.css

@@ -150,14 +150,19 @@
   gap: 5px;
 }
 
-.kanban-board__card-additional-field-rich-text-and-text-area-renderer,
 .kanban-board__card-additional-field-checkbox-renderer,
 .kanban-board__card-additional-field-select-radio-renderer,
 .kanban-board__card-additional-field-default-renderer {
   padding: 0 10px;
   display: flex;
 }
 
+.kanban-board__card-additional-field-rich-text-and-text-area-renderer{
+  padding: 0 10px;
+  display: flex;
+  flex-direction: column;
+}
+
 .kanban-board__card-additional-field-rich-text-and-text-area-title,
 .kanban-board__card-additional-field-checkbox-renderer-title,
 .kanban-board__card-additional-field-select-radio-renderer-title,
@@ -210,8 +215,8 @@
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
-  -webkit-line-clamp: 2;
-  line-clamp: 2;
+  -webkit-line-clamp: 4;
+  line-clamp: 4;
   line-height: inherit;
   font-size: 12px;