Distinct referenced commits style

Before

Before (with explanation of the problem)

Confusing, looks like the pull request commits and the commit that references this pull request are in the same branch.

After

Style

.discussion-item-header[id^=ref-] .discussion-item-icon {
  background-color: #6db2ff;
  color: #ffffff;
}

.discussion-item-header[id^=ref-]::before {
  content: '';
  position: absolute;
  display: block;
  z-index: -1;
  left: -25px;
  top: -40px;
  width: 2px;
  height: 140px;
  background-color: #ffffff;
}

.discussion-item-header[id^=ref-commit-] + .discussion-item-body .timeline-commits .commit .commit-icon {
  color: #6db2ff;
}

.discussion-item-header {
  position: relative;
}

.discussion-item-header[id^=ref-commit-]::after {
  content: '';
  position: absolute;
  display: block;
  z-index: 0;
  left: -25px;
  top: 30px;
  bottom: -20px;
  width: 2px;
  background-color: #6db2ff;
}

.discussion-item-header[id^=ref-commit-] + .discussion-item-body .timeline-commits {
  position: relative;
}

https://gist.github.com/sompylasar/99b5d307da3168b833c1119fb95caf11

[fregante]

This is really annoying. I sent another request at https://github.com/contact

Commit references in PR are very confusing

Open this: https://github.com/sindresorhus/refined-github/pull/2167#ref-commit-7d6e4d1

Can you tell which commits are part of the current PR and which aren’t?

Answer: only the merge commit is, but there’s no way to tell.

Please display commits with PR references differently in PRs.

More context: https://github.com/sindresorhus/refined-github/issues/1579

[sindresorhus]

@busches I would say just plain CSS. The change is uncontroversial and I don’t see why anyone would genuinely need to disable it.