fix: fix mobile overflow in ref 39938e84
Steve Simkins · 2026-06-09 17:57 2 file(s) · +3 −2
apps/kepler/static/styles.css +1 −0
143 143
.hash a:hover { color: var(--fg); opacity: 1; }
144 144
.date { white-space: nowrap; color: var(--fg-dim); }
145 145
.author { color: var(--fg-dim); white-space: nowrap; }
146 +
.ref-name { overflow-wrap: anywhere; word-break: break-word; }
146 147
.subject { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
147 148
.size { color: var(--fg-dim); text-align: right; white-space: nowrap; font-size: 12px; }
148 149
apps/kepler/templates/refs.html +2 −2
12 12
    <tbody>
13 13
        {{range .Branches}}
14 14
        <tr>
15 -
            <td><a href="/{{$.Repo.Name}}/tree/{{.Name}}">{{.Name}}</a></td>
15 +
            <td class="ref-name"><a href="/{{$.Repo.Name}}/tree/{{.Name}}">{{.Name}}</a></td>
16 16
            <td class="hash">{{shortSHA .SHA}}</td>
17 17
            <td class="author desktop">{{.Author}}</td>
18 18
            <td class="date">{{timeAgo .Time}}</td>
31 31
    <tbody>
32 32
        {{range .Tags}}
33 33
        <tr>
34 -
            <td><a href="/{{$.Repo.Name}}/tree/{{.Name}}">{{.Name}}</a></td>
34 +
            <td class="ref-name"><a href="/{{$.Repo.Name}}/tree/{{.Name}}">{{.Name}}</a></td>
35 35
            <td class="hash">{{shortSHA .SHA}}</td>
36 36
            <td class="author desktop">{{.Author}}</td>
37 37
            <td class="date">{{timeAgo .Time}}</td>