mirror of
https://github.com/hanzoai/forge.git
synced 2026-10-30 15:00:39 +00:00
- svg icon set: gitea-* → hanzo-* (60 icons — the names render into the DOM as class attributes on every page); webhook-type icon content replaced: the white Gitea TEACUP → the Hanzo mark (currentColor). - Actions bot identity: gitea-actions / 'Gitea Actions' / [email protected] → hanzo-actions / 'Hanzo Actions' / [email protected] — this signs every Actions-generated commit. Virtual user (id -2, no DB row) so no migration; old git commits keep their historical author. Legacy name stays reserved so nobody can squat it. - emoji defaults: :gitea:/:gogs:/:codeberg: ripped (pngs deleted); kept git/github/gitlab (real interop marks). - external-render seam tokens (script#, query params, data-attr, CSS var), EasyMDE toolbar keys, theme meta-info marker gitea-theme-meta-info → hanzo-theme-meta-info (parser + all 9 theme files + tests). - meta keywords default → git,self-hosted,hanzo; update-checker cron now DISABLED by default + pointed at hanzoai/git releases (was phoning dl.gitea.com weekly and comparing against the wrong product's versions). - user-visible snippets/links: cargo registry name, debian keyring paths, LDAP filter placeholders, install placeholders, home/appearance/admin links, swagger profile-URL description, oauth2 modal DOM ids, web_src module gitea-actions.ts → actions-types.ts. - KEPT (functional, not brand): webhook TYPE key 'gitea' + /gitea/new route (existing hooks), ssh-keygen -n gitea signing namespace (verification compat), 'gitea doctor' CLI examples (actual binary name), migrate-from- Gitea interop naming, swagger enum values. Co-authored-by: Hanzo Dev <[email protected]>
147 lines
4.6 KiB
Handlebars
147 lines
4.6 KiB
Handlebars
{{template "devtest/devtest-header"}}
|
|
<div class="page-content devtest">
|
|
<div class="ui container">
|
|
<h3>Flex Relaxed List</h3>
|
|
<div class="flex-container tw-border">
|
|
<div class="flex-relaxed-list tw-flex-1">
|
|
<div class="flex-left-right">
|
|
<span class="gt-ellipsis">left looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong</span>
|
|
<span>right</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h3>Flex Divided List (standalone)</h3>
|
|
<div class="divider"></div>
|
|
<div class="flex-divided-list items-with-main">
|
|
<div class="item">
|
|
<div class="item-leading">
|
|
{{svg "octicon-info" 32}}
|
|
</div>
|
|
<div class="item-main">
|
|
<div class="item-title">
|
|
Flex Item
|
|
<span class="ui basic label">
|
|
with label
|
|
</span>
|
|
</div>
|
|
<div class="item-body">
|
|
consists of leading/main/trailing part
|
|
</div>
|
|
<div class="item-body">
|
|
main part contains title and (multiple) body lines
|
|
</div>
|
|
</div>
|
|
<div class="item-trailing">
|
|
<button class="ui tiny red button">
|
|
{{svg "octicon-alert" 14}} CJK文本测试
|
|
</button>
|
|
<button class="ui tiny primary button">
|
|
{{svg "octicon-info" 14}} Button
|
|
</button>
|
|
<button class="ui tiny primary button">
|
|
Button with long text
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="item-leading">
|
|
{{svg "octicon-info" 32}}
|
|
</div>
|
|
<div class="item-main">
|
|
<div class="item-title">
|
|
Very loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong title
|
|
</div>
|
|
<div class="item-body">
|
|
consists of leading/main/trailing part
|
|
</div>
|
|
<div class="item-body">
|
|
Very loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong content
|
|
<span class="tw-inline-block tw-truncate">Truncate very loooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong content</span>
|
|
</div>
|
|
</div>
|
|
<div class="item-trailing">
|
|
<button class="ui tiny red button">
|
|
{{svg "octicon-alert" 12}} CJK文本测试 <!-- single CJK text test, it shouldn't be horizontal -->
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="item">
|
|
<div class="item-leading">
|
|
{{svg "octicon-repo" 32}}
|
|
</div>
|
|
<div class="item-main">
|
|
<div class="item-header">
|
|
<div class="item-title">
|
|
<a class="tw-text-primary" href="{{$.Link}}">
|
|
hanzo-org / hanzo
|
|
</a>
|
|
<span class="flex-text-inline" data-tooltip-content="{{ctx.Locale.Tr "repo.fork"}}">{{svg "octicon-repo-forked"}}</span>
|
|
</div>
|
|
<div class="item-trailing">
|
|
<a class="muted" href="{{$.Link}}">
|
|
<span class="flex-text-inline"><i class="color-icon tw-bg-blue"></i>Go</span>
|
|
</a>
|
|
<a class="tw-text-text-light flex-text-inline" href="{{$.Link}}">{{svg "octicon-star" 16}}45000</a>
|
|
<a class="tw-text-text-light flex-text-inline" href="{{$.Link}}">{{svg "octicon-git-branch" 16}}1234</a>
|
|
</div>
|
|
</div>
|
|
<div class="item-body">
|
|
when inside header, the trailing part will wrap below the title
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<h3>Flex Divided List (with "ui segment")</h3>
|
|
<div class="ui attached segment">
|
|
<div class="flex-divided-list">
|
|
<div class="item">item 1</div>
|
|
<div class="item">item 2</div>
|
|
</div>
|
|
</div>
|
|
<div class="ui attached segment">
|
|
<h4>segment header</h4>
|
|
<div class="flex-divided-list">
|
|
<div class="item">item 1</div>
|
|
<div class="item">item 2</div>
|
|
</div>
|
|
</div>
|
|
<h3>Flex Divided List (with "ui segment fitted", items have their own padding)</h3>
|
|
<div class="ui fitted segment">
|
|
<div class="flex-divided-list items-px-default">
|
|
<div class="item">item 1</div>
|
|
<div class="item">item 2</div>
|
|
<div class="item">item 3</div>
|
|
</div>
|
|
</div>
|
|
|
|
<h3>If parent provides padding or items need their own flex and/or padding:</h3>
|
|
<div class="tw-border tw-border-secondary">
|
|
<div class="tw-m-3">before divider</div>
|
|
<div class="divider"></div>
|
|
<div class="flex-divided-list flex-items-block items-px-default">
|
|
<div class="item">item 1</div>
|
|
<div class="item">item 2</div>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<div class="tw-m-3">after divider</div>
|
|
</div>
|
|
<div class="tw-border tw-border-secondary tw-p-4 tw-my-2">
|
|
<div>before divider</div>
|
|
<div class="divider"></div>
|
|
<div class="flex-divided-list">
|
|
<div class="item">item 1</div>
|
|
<div class="item">item 2</div>
|
|
</div>
|
|
<div class="divider"></div>
|
|
<div>after divider</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{template "devtest/devtest-footer"}}
|