fix: rendering of list items in markdown (#146)

Author: Theiaz

partials/servers.html

@@ -49,7 +49,7 @@ <h2 class="mb-4">Servers</h2>
 
       {% if server.security() %}
         <h5 class="text-sm text-gray-500 mt-1">Security:</h5>
-        <ul class="list-reset">
+        <ul>
           {% for sec in server.security() %}
             <li>
               {% set def = asyncapi.components().securityScheme(sec.json() | keys | head) %}
@@ -111,7 +111,7 @@ <h5 class="text-sm text-gray-500 mt-1">Security:</h5>
               {% endif %}
 
               {% if def.openIdConnectUrl() %}
-                <div class="px-4 py-2 ml-4 mb-3 border border-gray-400 bg-gray-200 rounded">
+                <div class="px-4 py-2 ml-4 mb-3 border border-gray-400 bg-gray-100 rounded">
                   <div>
                     <span class="text-xs font-bold text-gray-600 mt-1 mr-1 uppercase">Connect URL:</span>
                     <a class="text-gray-600 text-xs font-normal" href="{{def.openIdConnectUrl()}}"
@@ -122,7 +122,7 @@ <h5 class="text-sm text-gray-500 mt-1">Security:</h5>
               {% endif %}
 
               {% for flowName, flow in def.flows() %}
-                <div class="px-4 py-2 ml-4 mb-3 border border-gray-400 bg-gray-200 rounded">
+                <div class="px-4 py-2 ml-4 mb-3 border border-gray-400 bg-gray-100 rounded">
                   <div>
                     <span class="text-xs font-bold text-gray-600 mt-1 mr-1 uppercase">Flow:</span>
                     <span class="text-gray-600 text-xs font-normal capitalize">

partials/sidebar.html

@@ -18,7 +18,7 @@ <h1 class="text-2xl font-thin">
         {{ asyncapi.info().title() }} {{ asyncapi.info().version() }}
       </h1>
     {% endif %}
-    <ul class="text-sm mt-10 list-reset mt-2">
+    <ul class="text-sm mt-10 mt-2">
       <li class="mb-3">
         <a class="js-menu-item text-gray-700 no-underline" href="#introduction">Introduction</a>
       </li>
@@ -31,7 +31,7 @@ <h1 class="text-2xl font-thin">
 
     {% if asyncapi.hasChannels() %}
       <h2 class="text-xs uppercase text-gray-500 mt-10 mb-4 font-thin">Operations</h2>
-      <ul class="text-sm list-reset mt-2">
+      <ul class="text-sm mt-2">
         <!-- With tags in sidebar -->
         {% if params.sidebarOrganization === 'byTags' %}
           {% include "./operations/by_tags.html" %}
@@ -81,7 +81,7 @@ <h2 class="text-xs uppercase text-gray-500 mt-10 mb-4 font-thin">Operations</h2>
       </ul>
 
       <h2 class="text-xs uppercase text-gray-500 mt-10 mb-4 font-thin">Messages</h2>
-      <ul class="text-sm list-reset mt-2">
+      <ul class="text-sm mt-2">
         {% for key, value in asyncapi.allMessages() %}
           <a class="js-menu-item flex break-words no-underline text-gray-700 mt-8 sm:mt-8 md:mt-3" href="#message-{{ key }}">
             <div style="display:inline-block;">

template/css/main.css

@@ -91,6 +91,11 @@ a:hover {
   text-transform: uppercase;
 }
 
+.markdown :is(ol, ul) {
+  padding-inline-start: 40px;
+  list-style-type: disc;
+}
+
 .expand {
   width: 20px;
   margin-bottom: -4px;