gr-diff: make blame element clickable

Change-Id: I05be246e311f9a4a1a762bcf940471d3624c62c2

polygerrit-ui/app/elements/diff/gr-diff-builder/gr-diff-builder.js

@@ -560,6 +560,10 @@
         isStartOfRange ? 'startOfRange' : '');
     const shaNode = this._createElement('span', 'sha');
     shaNode.innerText = commit.id.substr(0, 7);
+    shaNode.onclick = function() {
+      location.href = '/q/' + shaNode.innerText;
+    };
+
     blameNode.appendChild(shaNode);
     blameNode.append(` on ${date} by ${commit.author}`);
     return blameNode;

polygerrit-ui/app/elements/diff/gr-diff/gr-diff.html

@@ -273,6 +273,8 @@ limitations under the License.
       }
       td.blame .sha {
         font-family: var(--monospace-font-family);
+        color: var(--link-color);
+        cursor: pointer;
       }
       .full-width td.blame {
         overflow: hidden;