code.gitea.io/gitea@v1.22.3/templates/devtest/label.tmpl (about)

     1  {{template "base/head" .}}
     2  <link rel="stylesheet" href="{{AssetUrlPrefix}}/css/devtest.css?v={{AssetVersion}}">
     3  <div class="page-content devtest ui container">
     4  	<div>
     5  		<h1>Label</h1>
     6  		<div class="flex-text-block tw-my-2">
     7  			<span class="ui label">simple label</span>
     8  			<span class="ui red label">red label</span>
     9  			<span class="ui green label">green label</span>
    10  		</div>
    11  		<div class="flex-text-block tw-my-2">
    12  			<span class="ui basic label">basic label</span>
    13  			<span class="ui basic red label">basic red label</span>
    14  			<span class="ui basic green label">basic green label</span>
    15  		</div>
    16  		<div class="flex-text-block tw-my-2">
    17  			<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>
    18  		</div>
    19  		<div class="flex-text-block tw-my-2">
    20  			<span class="ui label"><span class="gt-ellipsis">very looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong label</span></span>
    21  		</div>
    22  		<div class="tw-my-2">
    23  			<span class="ui label tw-max-w-full"><span class="gt-ellipsis">very looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong label</span></span>
    24  		</div>
    25  	</div>
    26  </div>
    27  {{template "base/footer" .}}