From: Anton Khorev <tony29@yandex.ru>
Date: Mon, 15 Apr 2024 15:52:19 +0000 (+0300)
Subject: Use Bootstrap hoverable rows in directions tables
X-Git-Tag: live~155^2
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/48fc453dd0c2050e744faefbd62265c625f8e72f

Use Bootstrap hoverable rows in directions tables
---

diff --git a/app/assets/javascripts/index/directions.js b/app/assets/javascripts/index/directions.js
index ef37e73ca..42854f2e2 100644
--- a/app/assets/javascripts/index/directions.js
+++ b/app/assets/javascripts/index/directions.js
@@ -268,7 +268,7 @@ OSM.Directions = function (map) {
           I18n.t("javascripts.directions.descend") + ": " + formatHeight(route.descend) + ".");
       }
 
-      var turnByTurnTable = $("<table class='table table-sm mb-3'>")
+      var turnByTurnTable = $("<table class='table table-hover table-sm mb-3'>")
         .append($("<tbody>"));
       var directionsCloseButton = $("<button type='button' class='btn-close'>")
         .attr("aria-label", I18n.t("javascripts.close"));
diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 6c1a65e7b..549226f58 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -570,9 +570,6 @@ td.distance {
 tr.turn {
     cursor: pointer;
 }
-tr.turn:hover {
-    background: $list-highlight;
-}
 
 .routing_marker { width: 15px; cursor: move; }