diff options
| author | silverwind <me@silverwind.io> | 2024-04-27 13:22:55 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-04-27 11:22:55 +0000 |
| commit | b2abac5e5ff05362e2d200c99cf792e7c3ba1330 (patch) | |
| tree | e23b2e99b9564c97ccb251488afd5150ecda5ee5 | |
| parent | 4ae6b1a5534e4cc85602e990054c66a08b11852e (diff) | |
| download | gitea-b2abac5e5ff05362e2d200c99cf792e7c3ba1330.tar.gz gitea-b2abac5e5ff05362e2d200c99cf792e7c3ba1330.zip | |
Improve diff stats bar (#30669)
Minor tweaks:
- Remove unnecessary `item` class which was causing unwanted padding to
be added.
- Add some padding and prevent wrapping so it looks better on mobile.
- Increase width by 4px.
<img width="116" alt="Screenshot 2024-04-24 at 00 15 07"
src="https://github.com/go-gitea/gitea/assets/115237/1f1cf54c-8053-4297-b309-71d9c2ceb9ee">
<img width="441" alt="Screenshot 2024-04-24 at 00 14 57"
src="https://github.com/go-gitea/gitea/assets/115237/2f3a33dc-edad-4b97-b64c-6812aae513cb">
| -rw-r--r-- | templates/repo/pulls/tab_menu.tmpl | 2 | ||||
| -rw-r--r-- | web_src/css/repo.css | 2 |
2 files changed, 2 insertions, 2 deletions
diff --git a/templates/repo/pulls/tab_menu.tmpl b/templates/repo/pulls/tab_menu.tmpl index a6d058f160..d5a8d6ed21 100644 --- a/templates/repo/pulls/tab_menu.tmpl +++ b/templates/repo/pulls/tab_menu.tmpl @@ -16,7 +16,7 @@ <span class="ui small label">{{if .NumFiles}}{{.NumFiles}}{{else}}-{{end}}</span> </a> {{if or .Diff.TotalAddition .Diff.TotalDeletion}} - <span class="item tw-ml-auto tw-pr-0 tw-font-bold tw-flex tw-items-center tw-gap-2"> + <span class="tw-ml-auto tw-pl-3 tw-whitespace-nowrap tw-pr-0 tw-font-bold tw-flex tw-items-center tw-gap-2"> <span><span class="text green">{{if .Diff.TotalAddition}}+{{.Diff.TotalAddition}}{{end}}</span> <span class="text red">{{if .Diff.TotalDeletion}}-{{.Diff.TotalDeletion}}{{end}}</span></span> <span class="diff-stats-bar"> <div class="diff-stats-add-bar" style="width: {{Eval 100 "*" .Diff.TotalAddition "/" "(" .Diff.TotalAddition "+" .Diff.TotalDeletion "+" 0.0 ")"}}%"></div> diff --git a/web_src/css/repo.css b/web_src/css/repo.css index 4de994112f..dacb98ddb8 100644 --- a/web_src/css/repo.css +++ b/web_src/css/repo.css @@ -2520,7 +2520,7 @@ tbody.commit-list { display: inline-block; background-color: var(--color-red); height: 12px; - width: 40px; + width: 44px; } .diff-stats-bar .diff-stats-add-bar { |