change docsportal developers/api section according to the service lis…

…ting (#41) change docsportal developers/api section according to the service lis… …ting Reviewed-by: Vladimir Hasko <[email protected]>
opentelekomcloud · Aug 14, 2024 · 4c10728 · 4c10728
1 parent 1cf484f
commit 4c10728
Showing 1 changed file with 11 additions and 12 deletions.
diff --git a/otc_sphinx_directives/navigator.py b/otc_sphinx_directives/navigator.py
@@ -58,7 +58,7 @@ def navigator_html(self, node):
             f'<div class="card item-docsportal">'
             f'<div class="card-body">'
             f'<h5 class="card-title">{category_title}</h5></div>'
-            f'<ul class="list-group list-group-flush">'
+            f'<div class="card-services">'
         )
         for k, v in METADATA.services_with_docs_by_category(
                 category=category, environment=node['environment']).items():
@@ -72,19 +72,18 @@ def navigator_html(self, node):
                 link = doc.get("link")
                 img = v["service_type"]
                 data += (
-                    f'<li class="list-group-item"><a href="{link}">'
-                    f'<div class="row">'
-                    f'<div class="col-2">'
-                    f'<picture>'
-                    f'<source class="icon-svg" srcSet="_static/images/services/dark/{img}.svg" media="(prefers-color-scheme: dark)" />'
-                    f'<img class="icon-svg" src="_static/images/services/light/{img}.svg">'
-                    f'</picture>'
-                    f'</div>'
-                    f'<div class="col-10">{title}</div>'
-                    f'</div></a></li>'
+                    f'<div><a href="{link}" class="service-entries">'
+                    f'  <div class="">'
+                    f'      <picture>'
+                    f'          <source class="icon-svg" srcSet="_static/images/services/dark/{img}.svg" media="(prefers-color-scheme: dark)" />'
+                    f'          <img class="icon-svg" src="_static/images/services/light/{img}.svg">'
+                    f'      </picture>'
+                    f'  </div>'
+                    f'<div class="align-self-center">{title}</div>'
+                    f'</a></div>'
                 )
 
-        data += '</ul></div>'
+        data += '</div></div>'
 
     data += '</div>'