improve objectEntry layout

This commit is contained in:
marlon-erler
2024-07-12 15:45:26 +02:00
parent 4a6b86220e
commit bb5550a8fe
6 changed files with 30 additions and 10 deletions
+11 -3
View File
@@ -1428,6 +1428,7 @@
const fields = {
[icons.noteContent]: "---",
[icons.priority]: "---",
[icons.categoryName]: "---",
[icons.status]: "---",
[icons.date]: "---",
[icons.time]: "---"
@@ -1442,7 +1443,7 @@
});
const fieldElements = Object.entries(fields).map((field) => {
const [icon, value] = field;
return /* @__PURE__ */ createElement("span", { class: "flex-row control-gap align-center" }, /* @__PURE__ */ createElement("span", { class: "icon" }, icon), /* @__PURE__ */ createElement("span", { class: "ellipsis" }, value));
return /* @__PURE__ */ createElement("span", { class: "flex-row control-gap flex align-center padding-right ellipsis" }, /* @__PURE__ */ createElement("span", { class: "icon" }, icon), /* @__PURE__ */ createElement("span", { class: "ellipsis" }, value));
});
return /* @__PURE__ */ createElement(
"button",
@@ -1452,7 +1453,14 @@
draggable: "true",
"on:dragstart": dragStart
},
/* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("b", { class: "ellipsis" }, chat.getObjectTitle(messageObject)), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("span", { class: "flex-column gap height-100 flex secondary ellipsis " }, ...fieldElements))
/* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("b", { class: "ellipsis" }, chat.getObjectTitle(messageObject)), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement(
"span",
{
class: "grid height-100 flex secondary",
style: "grid-template-columns: 1fr 1fr"
},
...fieldElements
))
);
}
@@ -1475,7 +1483,7 @@
"div",
{
class: "width-100 max-height-100 grid gap padding scroll-v",
style: "grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));",
style: "grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));",
"children:prepend": [messageObjects, objectConverter]
}
);