Extra fix for card paths (#264)

sunpy · Aug 7, 2024 · f4da503 · f4da503
1 parent f92e892
commit f4da503
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/docs/cards.rst b/docs/cards.rst
@@ -8,7 +8,7 @@ Cards
 ******
 
 .. custom-card:: Stuart Mumford
-    :img_name: Stuart-Mumford.png
+    :img_name: _static/img/Stuart-Mumford.png
     :github: cadair
     :title: Lead Developer
     :aff_name: Sheffield University

diff --git a/src/sunpy_sphinx_theme/cards.py b/src/sunpy_sphinx_theme/cards.py
@@ -24,9 +24,9 @@ def visit_card_node(self, node) -> None:
     body = f"""<div class="column {col_extra_class}">
                 {title}
                 <div class="card">
-                <img class="dark-light" src="_static/img/{node['img_name']}" alt="{node['name']}">
+                <img class="dark-light" src="{node['img_name']}" alt="{node['name']}">
                 <p>{node['name']}</p>
-                <p><button type="button" class="btn btn-sunpy btn-sunpy1" data-bs-toggle="modal" data-bs-target="#{key}">More Info</button></p>
+                <p><button type="button" class="btn btn-sunpy btn-sunpy1 stretched-link" data-bs-toggle="modal" data-bs-target="#{key}">More Info</button></p>
                 <div class="modal fade" id="{key}" tabindex=-1>
                     <div class="modal-dialog modal-lg">
                         <div class="modal-content">

diff --git a/src/sunpy_sphinx_theme/theme/sunpy/static/sunpy_cards.css b/src/sunpy_sphinx_theme/theme/sunpy/static/sunpy_cards.css
@@ -7,6 +7,10 @@
   margin: 0 auto;
 }
 
+.card[data-clickable="true"] {
+  cursor: pointer;
+}
+
 html[data-theme="light"] .card {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
   background-color: var(--pst-color-table-row-zebra-low-bg);