Use Bootstrap hoverable rows in directions tables

diff --git a/app/assets/javascripts/index/directions.js b/app/assets/javascripts/index/directions.js
index ef37e73caf42005bdedba351b53ff28c7cd4e9ce..42854f2e2897b8ed19c64c6c6c6c48560dcead3a 100644 (file)
--- 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 6c1a65e7b97c52fab2e814d0af4f91a1e8a0ccaa..549226f58d6c551197f8ef98df0dedb3a18ac239 100644 (file)
--- 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; }