fix(categories): format alexandria category descriptions

* Enable rendering of markdown * Change tooltip to uk-dropdown * Set min-width to icon
projectcaluma · Mar 11, 2024 · c7ff8b0 · c7ff8b0
1 parent ef80fc3
commit c7ff8b0
Show file tree

Hide file tree

Showing 4 changed files with 105 additions and 10 deletions.
diff --git a/addon/components/category-nav/category.hbs b/addon/components/category-nav/category.hbs
@@ -39,8 +39,9 @@
         {{@category.name}}
       </div>
       {{#if @category.description}}
-        <div class="uk-margin-auto-left uk-margin-right uk-text-muted" {{uk-tooltip @category.description}}>
-          <UkIcon @icon="info" />
+        <UkIcon class="uk-margin-auto-left uk-margin-right uk-text-muted category-nav__category__info-icon" @icon="info" />
+        <div uk-dropdown class="category-nav__category__info-box">
+          <MarkdownToHtml @markdown={{@category.description}} />
         </div>
       {{/if}}
     </div>

diff --git a/app/styles/components/category-nav/_category.scss b/app/styles/components/category-nav/_category.scss
@@ -32,4 +32,13 @@
       width: 70%;
     }
   }
+
+  &__info-icon {
+    min-width: 20px;
+  }
+
+  &__info-box > div > p:last-child {
+    margin-bottom: 0;
+    max-width: 400px;
+  }
 }
diff --git a/package.json b/package.json
@@ -59,6 +59,7 @@
     "ember-modifier": "^4.1.0",
     "ember-promise-helpers": "^2.0.0",
     "ember-resources": "^6.4.0",
+    "ember-cli-showdown": "^7.0.0",
     "ember-simple-auth-oidc": "^6.0.1",
     "ember-truth-helpers": "^4.0.3",
     "ember-uikit": "^9.0.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml