Revert 100% label max-width (#30481)

Partial revert of https://github.com/go-gitea/gitea/pull/30479

It's causing problems at least here:
https://github.com/go-gitea/gitea/pull/30344#discussion_r1564895591

---------

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>

diff --git a/templates/devtest/label.tmpl b/templates/devtest/label.tmpl
index 77590715a11cca8c2254722bd4575f3819d19974..c4b52a3e2322d111e09ce69efbd249cb96fd7228 100644 (file)
--- 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
index 696080b66704ea41070530f7e4fb06f9f75ae4ba..2032b2c84bbb5353b543dcb09eb893e4eb1ba4e0 100644 (file)
--- 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);