[openstreetmap/openstreetmap-website] Use Bootstrap hoverable rows in directions tables (PR #4705)

[Anton Khorev]

There was a hover effect on rows in directions tables. It got broken probably when Bootstrap started setting background directly on table cells instead of table rows.

Here I'm using their standard hoverable rows. The color is different. We used to have a yellow highlight, but that one would have to be adapted to dark mode while the standard highlight works fine.

Before:
![image](https://github.com/openstreetmap/openstreetmap-website/assets/4158490/c3420d39-f833-4275-b34b-af2b89b1a63a)

After:
![image](https://github.com/openstreetmap/openstreetmap-website/assets/4158490/002b4b72-08ea-423f-ab59-6c5f82a570a3)
![image](https://github.com/openstreetmap/openstreetmap-website/assets/4158490/130abf53-232d-4f64-a99c-b991ea1ad92a)

You can view, comment on, or merge this pull request online at:

  https://github.com/openstreetmap/openstreetmap-website/pull/4705

-- Commit Summary --

  * Use Bootstrap hoverable rows in directions tables

-- File Changes --

    M app/assets/javascripts/index/directions.js (2)
    M app/assets/stylesheets/common.scss (3)

-- Patch Links --

https://github.com/openstreetmap/openstreetmap-website/pull/4705.patch
https://github.com/openstreetmap/openstreetmap-website/pull/4705.diff

-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/4705
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/pull/4705 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20240415/5b4e3130/attachment.htm>