From 03daf92ba4d7e08830797df299c63d4e4ebf6b02 Mon Sep 17 00:00:00 2001
From: Zef Hemel <zef@zef.me>
Date: Tue, 6 Sep 2022 11:30:54 +0200
Subject: [PATCH] Improved autocomplete styling

---
 packages/plugs/core/core.plug.yaml |  2 ++
 packages/web/styles/theme.scss     | 23 +++++++++++++++++++++++
 website/CHANGELOG.md               |  5 +++++
 3 files changed, 30 insertions(+)

diff --git a/packages/plugs/core/core.plug.yaml b/packages/plugs/core/core.plug.yaml
index 39b0ba13..72022f0c 100644
--- a/packages/plugs/core/core.plug.yaml
+++ b/packages/plugs/core/core.plug.yaml
@@ -162,6 +162,7 @@ functions:
     path: "./template.ts:insertTemplateText"
     slashCommand:
       name: meta
+      description: Insert a page metadata block
       value: |
         ```meta
         |^|
@@ -176,6 +177,7 @@ functions:
     path: "./template.ts:insertTemplateText"
     slashCommand:
       name: query
+      description: Insert a query
       value: |
         <!-- #query |^| -->
 
diff --git a/packages/web/styles/theme.scss b/packages/web/styles/theme.scss
index bbe50189..249328cf 100644
--- a/packages/web/styles/theme.scss
+++ b/packages/web/styles/theme.scss
@@ -96,6 +96,29 @@
   background-color: #d7e1f6 !important;
 }
 
+.cm-editor .cm-tooltip-autocomplete {
+  .cm-completionDetail {
+    font-style: normal;
+    display: block;
+    font-size: 80%;
+    margin-left: 5px;
+    color: #555;
+  }
+
+  li[aria-selected] .cm-completionDetail {
+    color: #d2d2d2;
+  }
+
+  .cm-completionLabel {
+    display: block;
+    margin-left: 5px;
+  }
+
+  .cm-completionIcon {
+    display: none;
+  }
+}
+
 .sb-line-h1,
 .sb-line-h2,
 .sb-line-h3 {
diff --git a/website/CHANGELOG.md b/website/CHANGELOG.md
index 053f16bd..71b132e7 100644
--- a/website/CHANGELOG.md
+++ b/website/CHANGELOG.md
@@ -1,5 +1,10 @@
 An attempt at documenting of the changes/new features introduced in each release.
 
+
+---
+## 0.0.34
+* Improved styling for completion (especially slash commands)
+
 ---
 
 ## 0.0.33