Modified - [badge] [label] [repo] [repo-explore] [visibility-badge] [admin] Refined the repo visibility badges (Public / Privat) and the small by ... labels, and kept long admin badge slugs on a single line.

- 1 - I updated `web_src/css/modules/label.css` so the repo visibility badges and the small attribution labels such as `by ...` now use a pill-style border radius with tighter horizontal padding, giving both label families a more compact visual treatment.
- 2 - I updated `templates/admin/badge/list.tmpl` to keep badge slug cells on a single line with `tw-whitespace-nowrap`, preventing awkward wrapping in the admin badge list.
This commit is contained in:
2026-05-22 19:45:51 +03:00
parent a36bddc1c2
commit c498ee9b9c
4 changed files with 12 additions and 1 deletions
+4
View File
@@ -850,3 +850,7 @@ History search guidance:
173 - [2026-05-22 04:05:32] - v1.27.0-dev-184-gc57da3e249 - Type: Modified - [commit] [segment] [ui] Tightened the attached segment spacing in the repository commit view.
- 1 - I updated `web_src/css/modules/segment.css` so bottom-attached segments no longer keep the extra `1rem` bottom margin, helping the stacked commit-panel blocks on `/user/repo/commit/xxxx` sit more tightly together.
174 - [2026-05-22 19:36:16] - v1.27.0-dev-185-ga36bddc1c2 - Type: Modified - [badge] [label] [repo] [repo-explore] [visibility-badge] [admin] Refined the repo visibility badges (`Public` / `Privat`) and the small `by ...` labels, and kept long admin badge slugs on a single line.
- 1 - I updated `web_src/css/modules/label.css` so the repo visibility badges and the small attribution labels such as `by ...` now use a pill-style border radius with tighter horizontal padding, giving both label families a more compact visual treatment.
- 2 - I updated `templates/admin/badge/list.tmpl` to keep badge slug cells on a single line with `tw-whitespace-nowrap`, preventing awkward wrapping in the admin badge list.
+1 -1
View File
@@ -46,7 +46,7 @@
{{range .Badges}}
<tr>
<td>{{.ID}}</td>
<td>
<td class="tw-whitespace-nowrap">
<a href="{{$.Link}}/slug/{{.Slug | PathEscape}}">{{.Slug}}</a>
</td>
<td class="gt-ellipsis tw-max-w-48">{{.Description}}</td>
+1
View File
@@ -24,6 +24,7 @@
/* other variables */
--border-radius: 4px;
--border-radius-medium: 6px;
--border-radius-max: 10px;
--border-radius-full: 99999px; /* TODO: use calc(infinity * 1px) */
--opacity-disabled: 0.55;
--height-loading: 16rem;
+6
View File
@@ -92,6 +92,8 @@ a.ui.label:hover {
.ui.basic.label {
background: var(--color-button);
border: 1px solid var(--color-light-border);
border-radius: var(--border-radius-max);
padding: 0px 6px;
color: var(--color-text-light);
}
a.ui.basic.label:hover {
@@ -273,13 +275,17 @@ a.ui.ui.ui.basic.grey.label:hover {
.ui.mini.label {
font-size: 0.64285714rem;
border-radius: var(--border-radius-max);
padding: 0px 6px;
}
.ui.tiny.label {
font-size: 0.71428571rem;
}
.ui.small.label {
font-size: 0.78571429rem;
}
.ui.large.label {
font-size: 1rem;
}