From: Anton Khorev <tony29@yandex.ru>
Date: Fri, 2 Sep 2022 13:03:52 +0000 (+0300)
Subject: Put span inside stretched link to improve text selection
X-Git-Tag: live~1014^2~2
X-Git-Url: https://git.openstreetmap.org/rails.git/commitdiff_plain/f1cf1be64a11e739300c1d54247451efbb9c7018

Put span inside stretched link to improve text selection
---

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 75ed514ee..bc2533c17 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -745,6 +745,11 @@ tr.turn:hover {
     &.selected { background: $list-highlight; }
     /* color is derived from changeset bbox fillColor in history.js */
 
+    a.stretched-link > span {
+      position: relative;
+      z-index: 2;
+    }
+
     a:not(.stretched-link), [title] {
       position: relative;
       z-index: 1;
diff --git a/app/views/changesets/_changeset.html.erb b/app/views/changesets/_changeset.html.erb
index f3aaf38ea..fa1761954 100644
--- a/app/views/changesets/_changeset.html.erb
+++ b/app/views/changesets/_changeset.html.erb
@@ -13,7 +13,7 @@
 <%= tag.li :id => "changeset_#{changeset.id}", :data => { :changeset => changeset_data }, :class => "list-group-item" do %>
   <p class="fst-italic">
     <a class="changeset_id text-dark stretched-link" href="<%= changeset_path(changeset) %>">
-      <%= changeset.tags["comment"].to_s.presence || t("browse.no_comment") %>
+      <span><%= changeset.tags["comment"].to_s.presence || t("browse.no_comment") %></span>
     </a>
   </p>
   <div class="row">