From 4efe27ba918e3667d54b68d3cf15accac5889fef Mon Sep 17 00:00:00 2001 From: Runxi Yu Date: Tue, 25 Mar 2025 11:16:56 +0800 Subject: [PATCH] Responsive grid for commit and repo info --- static/style.css | 77 +++++++++++++++++++++++++++++++++++++++++++++++++++++ templates/repo_commit.tmpl | 63 +++++++++++++++++++++++++---------------------------- templates/repo_index.tmpl | 42 +++++++++++++++++------------------------- diff --git a/static/style.css b/static/style.css index 6645af45d0db3081ae124ebdee2a10acf04a8151..1e09df32206eebe6ce8e3b5c7c56b5ceb61000d2 100644 --- a/static/style.css +++ b/static/style.css @@ -448,3 +448,80 @@ .complete-error-page hr { border: 0; border-bottom: 1px dashed; } + + + + + + +.key-val-grid { + display: grid; + grid-template-columns: auto 1fr; + gap: 0; + border: var(--lighter-border-color) 1px solid; + border-radius: var(--radius-1); + overflow: auto; + font-size: 0.96rem; +} + +.key-val-grid > .title-row { + grid-column: 1 / -1; + background-color: var(--lighter-box-background-color); + font-weight: bold; + padding: 3px 5px; + border-bottom: var(--lighter-border-color) 1px solid; +} + +.key-val-grid > .row-label { + background-color: var(--lighter-box-background-color); + padding: 3px 5px; + border-bottom: var(--lighter-border-color) 1px solid; + border-right: var(--lighter-border-color) 1px solid; + text-align: left; + font-weight: normal; +} + +.key-val-grid > .row-value { + padding: 3px 5px; + border-bottom: var(--lighter-border-color) 1px solid; + word-break: break-word; +} + +.key-val-grid code { + font-family: monospace; +} + +.key-val-grid ul { + margin: 0; + padding-left: 1.5rem; +} + +.key-val-grid > .row-label:nth-last-of-type(2), +.key-val-grid > .row-value:last-of-type { + border-bottom: none; +} + +@media (max-width: 37.5rem) { + .key-val-grid { + grid-template-columns: 1fr; + } + + .key-val-grid > .row-label { + border-right: none; + } +} +.key-val-grid > .title-row { + grid-column: 1 / -1; + background-color: var(--lighter-box-background-color); + font-weight: bold; + padding: 3px 5px; + border-bottom: var(--lighter-border-color) 1px solid; + font-size: 1rem; + margin: 0; + text-align: center; +} + +.key-val-grid-wrapper { + max-width: 100%; + width: fit-content; +} diff --git a/templates/repo_commit.tmpl b/templates/repo_commit.tmpl index 8cf106b658be7bc0674a564a884ccfb312975368..46f5478c0973ded30f039b32fd9a0d3871cafbc6 100644 --- a/templates/repo_commit.tmpl +++ b/templates/repo_commit.tmpl @@ -12,40 +12,37 @@ {{- template "header" . -}}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Commit info
ID{{- .commit_id -}}
Author{{- .commit_object.Author.Name -}} <{{- .commit_object.Author.Email -}}>
Author date{{- .commit_object.Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" -}}
Committer{{- .commit_object.Committer.Name -}} <{{- .commit_object.Committer.Email -}}>
Committer date{{- .commit_object.Committer.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" -}}
Actions
Get patch
+
+
+
Commit info
+ +
ID
+
{{- .commit_id -}}
+ +
Author
+
+ {{- .commit_object.Author.Name -}} <{{- .commit_object.Author.Email -}}> +
+ +
Author date
+
{{- .commit_object.Author.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" -}}
+ +
Committer
+
+ {{- .commit_object.Committer.Name -}} <{{- .commit_object.Committer.Email -}}> +
+ +
Committer date
+
{{- .commit_object.Committer.When.Format "Mon, 02 Jan 2006 15:04:05 -0700" -}}
+ +
Actions
+
+ Get patch +
+
+
+ 
{{- .commit_object.Message -}}
diff --git a/templates/repo_index.tmpl b/templates/repo_index.tmpl index 39e55cfa5fdddcc3e3c3f215c3ecc8f0a8698d55..cf5d1cdd228a5a98a6f476921546167570eed656 100644 --- a/templates/repo_index.tmpl +++ b/templates/repo_index.tmpl @@ -12,35 +12,27 @@ {{- template "header" . -}}
- - - - - - - - - - - +
+
+
Repo info
+
Name
+
{{- .repo_name -}}
{{- if .repo_description -}} -
- - - +
Description
+
{{- .repo_description -}}
{{- end -}} - - - - +
SSH remote
+
{{- .ssh_clone_url -}}
{{- if .notes -}} - - - - +
Notes
+
+
    + {{- range .notes -}}
  • {{- . -}}
    • {{- end -}} +
+
{{- end -}} - -
Repo info
Name{{- .repo_name -}}
Description{{- .repo_description -}}
SSH remote{{- .ssh_clone_url -}}
Notes
    {{- range .notes -}}
  • {{- . -}}
    • {{- end -}}
+ +
-- 2.48.1