Bugfix: Hover effect in balance display (#1904)

Author: moneymanolis

src/cryptoadvance/specter/static/styles.css

@@ -749,10 +749,6 @@ th{
     font-weight: inherit;
     border-bottom: 3px solid var(--cmap-bg-lightest);
 }
-tbody tr:not(.nohover):hover{
-    background: rgba(255,255,255,0.03);
-    color: #fff;
-}
 .xpub{
     max-width: 300px;
 }

src/cryptoadvance/specter/templates/base.jinja

@@ -38,6 +38,9 @@
 				border-right: 0;
 				{% endif %}
 			}
+			.tr-hover:hover {
+				background: rgba(255,255,255,0.03);
+			}
 		</style>
 		<script type="text/javascript" src="{{ url_for('static', filename='helpers.js') }}"></script>
 		{% include "includes/helpers.jinja" %}
@@ -140,10 +143,9 @@
 						<br><br>
 					{% else %}
 						<h2 style="font-size: 1.6em; line-height: .5em; margin-top: 1em;">{{ _('Getting Started') }}</h2><br>
-
 						<table style="width: 90%; margin: auto;">
 							<tbody>
-								<tr>
+								<tr class="tr-hover">
 									<td>
 										<img src="{{ url_for('static', filename='img/checkbox-' + ('un' if not specter.chain else '') + 'tick.svg') }}" width="30px">
 									</td>
@@ -204,7 +206,7 @@
 										{% endif %}
 									</td>
 								</tr>
-								<tr>
+								<tr class="tr-hover">
 									<td>
 										<img src="{{ url_for('static', filename='img/checkbox-' + ('un' if not (specter.device_manager.devices | length) else '') + 'tick.svg') }}" width="30px">
 									</td>
@@ -216,7 +218,7 @@
 									<td style="text-align: left;">
 									</td>
 								</tr>
-								<tr>
+								<tr class="tr-hover">
 									<td>
 										<img src="{{ url_for('static', filename='img/checkbox-' + ('un' if not (specter.wallet_manager.wallets | length) else '') + 'tick.svg') }}" width="30px">
 									</td>
@@ -229,7 +231,7 @@
 									</td>
 								</tr>
 								{% if specter.chain == 'main' %}
-								<tr>
+								<tr class="tr-hover">
 									<td>
 										<img src="{{ url_for('static', filename='img/ghost_3d.png')}}" width="30px">
 									</td>

src/cryptoadvance/specter/templates/device/device.jinja

@@ -26,6 +26,9 @@
 		.btn {
 			margin-bottom: 5px;
 		}
+		tr:hover {
+			background: rgba(255,255,255,0.03);
+		}
 	</style>
 	<h1 id="title">{{ device.name }}</h1>
 	{% from 'components/editable_title.jinja' import editable_title %}

src/cryptoadvance/specter/templates/includes/tx-table.html

@@ -381,15 +381,15 @@ <h1>{{ _("Export transactions to CSV") }}</h1>
                     </th>
                 </tr>
             </thead>
-        <tr id="feedback-row" class="hidden nohover">
+        <tr id="feedback-row" class="hidden">
             <td id="feedback-row-content">
                 <div id="rescan-hint" class="hidden">
                     <p>{{_('Is this not a fresh wallet? Did you expect transactions here? Then click') }} &#128071; {{_('to find them') }}</p>
                     <a id="go-to-rescan-btn" href="{{ url_for('wallets_endpoint.settings', wallet_alias=wallet_alias, rescan_blockchain=True) }}" class="go-to-rescan-btn btn">Go to blockchain rescan</a>
                 </div>
             </td>
         </tr>
-        <tr id="empty-row" class="hidden nohover">
+        <tr id="empty-row" class="hidden">
             <td id="empty-row-cell" colspan="9"></td>
         </tr>
         <tr class="summary-row hidden">