Put span inside stretched link to improve text selection

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 75ed514eeda38a73a7ebb7f57090a9d5b2ace598..bc2533c17a3773ab5925bdf5f2213e8129fc52cf 100644 (file)
--- 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 f3aaf38ea52bdbeb2b8b74226a98ca6aabb121e3..fa1761954afd7a7fd687bb7a994ebdc53484d9d3 100644 (file)
--- 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">