1

app/components/auto-import/TiptapEditor.vue

@@ -249,10 +249,10 @@ function generateDetailsHtml(item) {
   let html = `<details class="custom-details" ${item.isOpen ? "open" : ""}>`;
   html += `<summary>`;
   if (item.tag) {
-    html += `<span > ${item.tag} </span>`;
+    html += `<span class="tag" > ${item.tag} </span>`;
   }
 
-  html += `${escapeHtml(item.title) || "بدون عنوان"}`;
+  html += `${item.title || "بدون عنوان"}`;
   if (item.link_url) {
     html += `<a class="link-url" href="${item.link_url}">${item.link_label}</a>`;
   }
@@ -554,6 +554,18 @@ onBeforeUnmount(() => {
     }
   }
 
+
+  summary.tag {
+    color: blue;
+    border-radius: var(--radius) var(--radius) 0 0;
+
+  }
+
+  summary.label {
+    color: chocolate;
+    font-weight: 700;
+  }
+
   summary {
     position: relative;
     padding: 1.25rem 1.25rem 1.25rem 3.5rem;
@@ -564,7 +576,6 @@ onBeforeUnmount(() => {
     );
     color: var(--color-primary-700);
     border-radius: var(--radius) var(--radius) 0 0;
-    font-weight: 700;
     font-size: 1.1rem;
     color: var(--color-dark-primary-800);
     // cursor: pointer;

app/components/lazy-load/data-entry/RelationEdit.vue

@@ -55,7 +55,7 @@ const setDataEditor = async () => {
     node = {
       isOpen: false,
       id: item.section_mom_id,
-      title: "قانون مقدم : " + item.qanon_title + " > " + item.full_path,
+      title: `<span class="label">قانون مقدم : </span>` + item.qanon_title + " > " + item.full_path,
       tag: item.state_etebar,
       content: _source.content1,
       link_label: "«منبع»",
@@ -90,7 +90,7 @@ const setDataEditor = async () => {
     node = {
       isOpen: false,
       id: item.section_mom_id,
-      title: "قانون موخر : " + item.qanon_title + " > " + item.full_path,
+      title: `<span class="label">قانون موخر : </span>` + item.qanon_title + " > " + item.full_path,
       tag: item.state_etebar,
       content: _source.content2,
       link_label: "«منبع»",