9f8ebe489f
 --------- Co-authored-by: silverwind <me@silverwind.io> (cherry picked from commit b84baf21fa19521e1ab303a60918c74f85fcad1c) Conflicts: - web_src/css/base.css Trivial commit resolved by removing the conflicting part. (it conflicted because we did not pick a previous PR)
27 lines
1.4 KiB
Go HTML Template
27 lines
1.4 KiB
Go HTML Template
{{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" .}}
|