wxiaoguang
0f4b0cf892
1. correct the modal usage on "admin email list" page (then `web_src/js/features/admin/emails.ts` is removed) 2. use `addDelegatedEventListener` instead of `jQuery().on` 3. more jQuery related changes and remove jQuery from `web_src/js/features/common-button.ts` 4. improve `confirmModal` to make it support header, and remove incorrect double-escaping 5. fix more typescript related types 6. fine tune devtest pages and add more tests
27 lines
1.4 KiB
Handlebars
27 lines
1.4 KiB
Handlebars
{{template "devtest/devtest-header"}}
|
|
<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 tw-max-w-full"><span class="gt-ellipsis">very looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong label</span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{template "devtest/devtest-footer"}}
|