Tooltips with 100% opacity + card tooltip wrapped around hero name

Ajordat · May 31, 2024 · 81f807a · 81f807a
1 parent 6ff2b90
commit 81f807a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 2 deletions.
diff --git a/alteredbuilder/decks/static/css/styles.css b/alteredbuilder/decks/static/css/styles.css
@@ -31,3 +31,7 @@
 .tooltip-inner {
     max-width: 300px;
 }
+
+.tooltip.show {
+    opacity: 1;
+} 
diff --git a/alteredbuilder/decks/templates/decks/deck_list.html b/alteredbuilder/decks/templates/decks/deck_list.html
@@ -83,7 +83,7 @@ <h3>{% translate "My decks" %}</h3>
                     <td>{{ deck.name }}</td>
             {% if deck.hero %}
                     <td>{{ deck.hero.get_faction_display.title }}</td>
-                    <td data-bs-toggle="tooltip" data-bs-title="<img src='{{ deck.hero.image_url }}'/>" data-bs-html="true" data-bs-placement="right">{{ deck.hero.name }}</td>
+                    <td><span class="d-inline-block" data-bs-toggle="tooltip" data-bs-title="<img src='{{ deck.hero.image_url }}'/>" data-bs-html="true" data-bs-placement="right">{{ deck.hero.name }}</span></td>
             {% else %}
                     <td>-</td><td>-</td>
             {% endif %}

diff --git a/alteredbuilder/decks/templates/decks/own_deck_list.html b/alteredbuilder/decks/templates/decks/own_deck_list.html
@@ -40,7 +40,7 @@ <h3>{% translate "My decks" %}</h3>
                     <td>{{ deck.name }}</td>
         {% if deck.hero %}
                     <td>{{ deck.hero.get_faction_display.title }}</td>
-                    <td data-bs-toggle="tooltip" data-bs-title="<img src='{{ deck.hero.image_url }}'/>" data-bs-html="true" data-bs-placement="right">{{ deck.hero.name }}</td>
+                    <td><span class="d-inline-block" data-bs-toggle="tooltip" data-bs-title="<img src='{{ deck.hero.image_url }}'/>" data-bs-html="true" data-bs-placement="right">{{ deck.hero.name }}</span></td>
         {% else %}
                     <td>-</td><td>-</td>
         {% endif %}