diff options
| author | wxiaoguang <wxiaoguang@gmail.com> | 2024-04-15 03:43:30 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-04-14 21:43:30 +0200 |
| commit | b84baf21fa19521e1ab303a60918c74f85fcad1c (patch) | |
| tree | 8fc5c1fc8b92782f12a6f3ecbd6d4c104cc7697f /templates | |
| parent | 99463532820d7a88cdea88e66e0606b996cc9fc7 (diff) | |
| download | gitea-b84baf21fa19521e1ab303a60918c74f85fcad1c.tar.gz gitea-b84baf21fa19521e1ab303a60918c74f85fcad1c.zip | |
Improve flex ellipsis (#30479)
---------
Co-authored-by: silverwind <me@silverwind.io>
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/devtest/label.tmpl | 27 |
1 files changed, 27 insertions, 0 deletions
diff --git a/templates/devtest/label.tmpl b/templates/devtest/label.tmpl new file mode 100644 index 0000000000..77590715a1 --- /dev/null +++ b/templates/devtest/label.tmpl @@ -0,0 +1,27 @@ +{{template "base/head" .}} +<link rel="stylesheet" href="{{AssetUrlPrefix}}/css/devtest.css?v={{AssetVersion}}"> +<div class="page-content devtest ui container"> + <div> + <h1>Label</h1> + <div class="flex-text-block tw-my-2"> + <span class="ui label">simple label</span> + <span class="ui red label">red label</span> + <span class="ui green label">green label</span> + </div> + <div class="flex-text-block tw-my-2"> + <span class="ui basic label">basic label</span> + <span class="ui basic red label">basic red label</span> + <span class="ui basic green label">basic green label</span> + </div> + <div class="flex-text-block tw-my-2"> + <span class="ui label">long content must be in a non-flex "gt-ellipsis" element, otherwise it won't get ellipsis. very looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong label</span> + </div> + <div class="flex-text-block tw-my-2"> + <span class="ui label"><span class="gt-ellipsis">very looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong label</span></span> + </div> + <div class="tw-my-2"> + <span class="ui label"><span class="gt-ellipsis">very looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong label</span></span> + </div> + </div> +</div> +{{template "base/footer" .}} |