fix: better handling of examples with title / description that also h…

…ave code blocks
kestra-io · Jan 31, 2025 · 5944bfb · 5944bfb · github-actions · Jan 31, 2025
1 parent 3285aab
commit 5944bfb
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 3 deletions.
diff --git a/src/components/plugins/PropertyDetail.vue b/src/components/plugins/PropertyDetail.vue
@@ -134,7 +134,7 @@
         </div>
 
         <div v-if="property.title !== undefined || property.description !== undefined">
-            <div class="property-description">
+            <div class="property-description markdown">
                 <slot v-if="property.title !== undefined" :content="codeSanitizer(property.title)" name="markdown" />
                 <slot v-if="property.description !== undefined" :content="codeSanitizer(property.description)" name="markdown" />
             </div>

diff --git a/src/components/plugins/SchemaToHtml.vue b/src/components/plugins/SchemaToHtml.vue
@@ -9,10 +9,10 @@
                 </p>
             </div>
 
-            <div v-if="schema.properties?.title" class="plugin-title">
+            <div v-if="schema.properties?.title" class="plugin-title markdown">
                 <slot name="markdown" :content="schema.properties.title" />
             </div>
-            <div v-if="schema.properties?.description">
+            <div v-if="schema.properties?.description" class="markdown">
                 <slot name="markdown" :content="schema.properties.description" />
             </div>
 
@@ -179,6 +179,16 @@
         padding-bottom: 0.5rem !important;
     }
 
+    :deep(.markdown pre) {
+        &:last-child {
+            margin-bottom: 0;
+        }
+
+        &:not(:first-child) {
+            margin-top: calc(var(--spacer) * .75);
+        }
+    }
+
     :deep(.plugin-section) {
         .material-design-icon {
             &, & * {