Move commit summary style to global page I want to use that style in commits page too.

Changes

3 changed files (+43/-39)

• static/global.css
  • @@ -227,6 +227,41 @@ background-color: var(--color-bg-hover);
    } } + .commit-summary { + padding: 0; + margin: var(--space-xl) 0; + display: flex; + flex-direction: column; + gap: var(--space-xs); + } + .commit-summary + .commit-summary { + margin: calc(var(--space-xxl) * var(--space-scale)) 0; + } + + .commit-summary--hash { + display: inline-flex; + align-self: flex-start; + } + + .commit-summary--message { + margin: 0; + padding: 0; + font-size: var(--font-md); + line-height: 1.2; + height: calc(1.2 * var(--font-md)); + width: 100%; + white-space: pre; + + overflow: hidden; + text-overflow: ellipsis; + } + + .commit-summary--committer { + font-size: var(--font-xs); + + color: var(--color-fg-weak); + } + /* Sticky header and aside */ @media (min-height: 50rem) { .header {
• static/repo-top.css
  • @@ -30,6 +30,10 @@ .recent-commits {
    margin-block-start: var(--space-xl); } + .recent-commits--item + .recent-commits--item { + margin: calc(var(--space-xxl) * var(--space-scale)) 0; + } + .recent-commits--title { margin: 0; font-size: var(--font-lg);
  • @@ -39,41 +43,6 @@ .recent-commits--list {
    list-style: none; padding: 0; margin: 0; - } - - .recent-commits--item { - padding: 0; - margin: var(--space-xl) 0; - display: flex; - flex-direction: column; - gap: var(--space-xs); - } - .recent-commits--item + .recent-commits--item { - margin: calc(var(--space-xxl) * var(--space-scale)) 0; - } - - .recent-commits--item--hash { - display: inline-flex; - align-self: flex-start; - } - - .recent-commits--item--message { - margin: 0; - padding: 0; - font-size: var(--font-md); - line-height: 1.2; - height: calc(1.2 * var(--font-md)); - width: 100%; - white-space: pre; - - overflow: hidden; - text-overflow: ellipsis; - } - - .recent-commits--item--committer { - font-size: var(--font-xs); - - color: var(--color-fg-weak); } .readme {
• templates/repo-top.html.tmpl
  • @@ -57,14 +57,14 @@ <h2 class="recent-commits--title">Recent commits</h2>
    <ol class="recent-commits--list"> {{ $meta := .Meta }} {{- range .RecentCommits }} - <li class="recent-commits--item"> - <a class="recent-commits--item--hash" href="/{{ $meta.DisplayName }}/commit/{{ .Hash.String }}"> + <li class="recent-commits--item commit-summary"> + <a class="commit-summary--hash" href="/{{ $meta.DisplayName }}/commit/{{ .Hash.String }}"> {{- slice .Hash.String 0 8 -}} </a> - <span class="recent-commits--item--message" title="{{- .Message -}}"> + <span class="commit-summary--message" title="{{- .Message -}}"> {{- .Message -}} </span> - <span class="recent-commits--item--committer"> + <span class="commit-summary--committer"> <a href="mailto:{{ .Committer.Email }}"> {{- .Committer.Name -}} </a>