Commit 3c1ac71

Nick Faro committed on
Polish repository breadcrumbs and file links
commit 3c1ac71314cfdd4118964a32338079cb6e7cf9c9 parent 63be5ca
3 changed files +5−3
Modifiedinternal/site/site_test.go +2−1
@@ -37,7 +37,8 @@ func TestFullAndIncrementalBuild(t *testing.T) {
37 assertPage(t, full, "", "data-branch-menu") 37 assertPage(t, full, "", "data-branch-menu")
38 assertPage(t, full, "", "data-copied-icon") 38 assertPage(t, full, "", "data-copied-icon")
39 assertPage(t, full, "", ".dumbforge/assets/gabriel-mark.svg") 39 assertPage(t, full, "", ".dumbforge/assets/gabriel-mark.svg")
40 assertPage(t, full, "", ">owner</a><span>/</span>") 40 assertPage(t, full, "", `<span class="header-owner">owner</span><span>/</span>`)
41 assertPageDoesNotContain(t, full, "", `href="https://example.invalid/repo.git">owner</a>`)
41 assertPage(t, full, "", "Languages") 42 assertPage(t, full, "", "Languages")
42 assertPage(t, full, "", "Contributors") 43 assertPage(t, full, "", "Contributors")
43 assertPage(t, full, "", "octicon-folder") 44 assertPage(t, full, "", "octicon-folder")
Modifiedinternal/site/style.go +2−1
@@ -33,6 +33,7 @@ button, input { font: inherit; }
33 .brand-mark { display: block; width: 32px; height: 32px; object-fit: contain; } 33 .brand-mark { display: block; width: 32px; height: 32px; object-fit: contain; }
34 .header-crumbs { min-width: 0; display: flex; align-items: center; gap: 8px; font-size: 14px; } 34 .header-crumbs { min-width: 0; display: flex; align-items: center; gap: 8px; font-size: 14px; }
35 .header-crumbs a { color: var(--text); white-space: nowrap; } 35 .header-crumbs a { color: var(--text); white-space: nowrap; }
36 .header-owner { color: var(--text); white-space: nowrap; }
36 .header-repo { overflow: hidden; font-weight: 650; text-overflow: ellipsis; } 37 .header-repo { overflow: hidden; font-weight: 650; text-overflow: ellipsis; }
37 .header-crumbs span { color: var(--muted); } 38 .header-crumbs span { color: var(--muted); }
38 .repo-nav { background: var(--canvas); border-bottom: 1px solid var(--border); } 39 .repo-nav { background: var(--canvas); border-bottom: 1px solid var(--border); }
@@ -107,7 +108,7 @@ button, input { font: inherit; }
107 .file-icon { width: 18px; height: 18px; display: inline-grid; place-items: center; color: var(--muted); } 108 .file-icon { width: 18px; height: 18px; display: inline-grid; place-items: center; color: var(--muted); }
108 .file-icon.folder { color: #54aeff; } 109 .file-icon.folder { color: #54aeff; }
109 .file-icon .icon { width: 16px; height: 16px; } 110 .file-icon .icon { width: 16px; height: 16px; }
110 .file-name { color: var(--blue); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 111 .file-name { color: var(--text); font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
111 .file-name:hover { text-decoration: underline; } 112 .file-name:hover { text-decoration: underline; }
112 .row-message { color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 113 .row-message { color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
113 .file-size { color: var(--muted); text-align: right; font-size: 12px; white-space: nowrap; } 114 .file-size { color: var(--muted); text-align: right; font-size: 12px; white-space: nowrap; }
Modifiedinternal/site/template.go +1−1
@@ -15,7 +15,7 @@ const pageTemplate = `<!doctype html>
15 <header class="topbar"> 15 <header class="topbar">
16 <a class="brand" href="{{.BaseURL}}" aria-label="Dumbforge repository home"><img class="brand-mark" src="{{.BaseURL}}/.dumbforge/assets/gabriel-mark.svg" alt=""></a> 16 <a class="brand" href="{{.BaseURL}}" aria-label="Dumbforge repository home"><img class="brand-mark" src="{{.BaseURL}}/.dumbforge/assets/gabriel-mark.svg" alt=""></a>
17 <nav class="header-crumbs" aria-label="Repository breadcrumb"> 17 <nav class="header-crumbs" aria-label="Repository breadcrumb">
18 <a href="{{.BaseURL}}">{{.Owner}}</a><span>/</span><a class="header-repo" href="{{.BaseURL}}">{{.RepoName}}</a> 18 <span class="header-owner">{{.Owner}}</span><span>/</span><a class="header-repo" href="{{.BaseURL}}">{{.RepoName}}</a>
19 </nav> 19 </nav>
20 </header> 20 </header>
21 <section class="repo-nav"> 21 <section class="repo-nav">