Revert 100% label max-width (#30481)

Partial revert of go-gitea/gitea#30479 It's causing problems at least here: go-gitea/gitea#30344 (comment) --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> (cherry picked from commit ef3941f2ebe9d8353f9546e7df00b24092c71cb7)
DennisRasey · Apr 21, 2024 · ff30628 · ff30628
1 parent 9f8ebe4
commit ff30628
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/templates/devtest/label.tmpl b/templates/devtest/label.tmpl
@@ -20,7 +20,7 @@
 			<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>
+			<span class="ui label tw-max-w-full"><span class="gt-ellipsis">very looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong label</span></span>
 		</div>
 	</div>
 </div>

diff --git a/web_src/css/modules/label.css b/web_src/css/modules/label.css
@@ -6,7 +6,6 @@
   align-items: center;
   gap: .25rem;
   min-width: 0;
-  max-width: 100%; /* since we are using "flex" to align label contents, we also need to limit the x-axis, a label shouldn't be wider than 100% */
   vertical-align: middle;
   line-height: 1;
   background: var(--color-label-bg);