fix(ui): spacing in articles and category

frappe · Jan 20, 2025 · d7f8d8b · d7f8d8b
1 parent 7ede882
commit d7f8d8b
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 11 deletions.
diff --git a/desk/src/components/SearchArticles.vue b/desk/src/components/SearchArticles.vue
@@ -15,9 +15,6 @@
         <span class="text-xs underline">(View All)</span>
       </RouterLink>
     </div>
-    <span class="text-p-sm pl-2">
-      <span class="font-medium">Search Results</span>
-    </span>
     <dl
       class="mx-auto w-full flex flex-col gap-2"
       v-if="articles.data.length > 0"
@@ -41,7 +38,7 @@
           <dt class="font-base">{{ a.subject }} - {{ a.headings }}</dt>
           <!-- eslint-disable-next-line vue/no-v-html -->
           <dd
-            class="font-base text-p-sm text-gray-600 line-clamp-2"
+            class="font-base text-p-sm text-gray-600 line-clamp-1"
             v-html="a.description"
           ></dd>
         </RouterLink>

diff --git a/desk/src/pages/knowledge-base/Articles.vue b/desk/src/pages/knowledge-base/Articles.vue
@@ -1,14 +1,17 @@
 <template>
-  <div class="p-5 pb-10 px-10 w-full overflow-scroll items-center">
+  <div class="p-5 pb-5 md:pb-10 px-10 w-full overflow-scroll items-center">
     <LayoutHeader>
       <template #left-header>
         <Breadcrumbs :items="breadcrumbs" />
       </template>
     </LayoutHeader>
     <div
-      class="pt-4 sm:px-5 w-full flex flex-col gap-2 max-w-4xl 2xl:max-w-5xl"
+      class="pt-0 md:pt-3 sm:px-5 w-full flex flex-col gap-2 max-w-4xl 2xl:max-w-5xl"
     >
-      <div v-if="articles.data" class="grid grid-cols-1 md:grid-cols-2 gap-6">
+      <div
+        v-if="articles.data"
+        class="grid grid-cols-1 md:grid-cols-2 gap-3 md:gap-6"
+      >
         <ArticleCard2
           v-for="article in articles.data"
           :article="article"

diff --git a/desk/src/pages/knowledge-base/KnowledgeBaseCustomer.vue b/desk/src/pages/knowledge-base/KnowledgeBaseCustomer.vue
@@ -19,6 +19,8 @@
             class="w-full focus:outline-none outline-none border-inherit shadow-none"
             placeholder="Ask a question..."
             size="md"
+            autofocus
+            autocomplete="off"
             v-model="query"
             @update:model-value="
               (e:string) => {
@@ -43,7 +45,7 @@
             <SearchArticles
               :query="query"
               :hideViewAll="true"
-              class="rounded border p-3"
+              class="rounded border p-3 py-2"
             />
           </div>
         </template>

diff --git a/helpdesk/search.py b/helpdesk/search.py
@@ -156,9 +156,7 @@ def search(
         query = self.clean_query(query)
         query = Query(query).paging(start, page_length)
         if highlight:
-            query = query.highlight(
-                tags=["<mark style='background: #FFFF8F!important'>", "</mark>"]
-            )
+            query = query.highlight()
 
         query.summarize(fields=["description"])
         query.scorer("DISMAX")