feat: update gitea vendor

package/gitea/source/web_src/css/modules/label.css

@@ -33,31 +33,16 @@ a.ui.label {
   opacity: 1;
 }
 
-.ui.label > img {
-  width: auto;
-  vertical-align: middle;
-  height: 2.1666em;
-}
-
-.ui.label > .color-icon {
-  margin-left: 0;
-}
-
 .ui.label > .icon {
   width: auto;
   margin: 0 0.75em 0 0;
 }
 
 .ui.label > .detail {
-  display: inline-block;
-  vertical-align: top;
   font-weight: var(--font-weight-medium);
-  margin-left: 1em;
+  margin-left: 0.5em; /* our .ui.label already provides flex gap, so the margin here shouldn't be too large */
   opacity: 0.8;
 }
-.ui.label > .detail .icon {
-  margin: 0 0.25em 0 0;
-}
 
 .ui.label > .close.icon,
 .ui.label > .delete.icon {
@@ -184,12 +169,6 @@ a.ui.ui.ui.basic.yellow.label:hover {
   border-color: var(--color-yellow-dark-1);
   color: var(--color-yellow-dark-1);
 }
-.ui.ui.ui.olive.label {
-  background: var(--color-olive);
-  border-color: var(--color-olive);
-  color: var(--color-white);
-}
-
 .ui.ui.ui.green.label {
   background: var(--color-green);
   border-color: var(--color-green);
@@ -221,16 +200,6 @@ a.ui.ui.ui.purple.label:hover {
   border-color: var(--color-purple-dark-1);
   color: var(--color-white);
 }
-.ui.ui.ui.basic.purple.label {
-  background: transparent;
-  border-color: var(--color-purple);
-  color: var(--color-purple);
-}
-a.ui.ui.ui.basic.purple.label:hover {
-  background: transparent;
-  border-color: var(--color-purple-dark-1);
-  color: var(--color-purple-dark-1);
-}
 
 .ui.ui.ui.grey.label {
   background: var(--color-label-bg);
@@ -242,16 +211,6 @@ a.ui.ui.ui.grey.label:hover {
   border-color: var(--color-label-hover-bg);
   color: var(--color-white);
 }
-.ui.ui.ui.basic.grey.label {
-  background: transparent;
-  border-color: var(--color-label-bg);
-  color: var(--color-label-text);
-}
-a.ui.ui.ui.basic.grey.label:hover {
-  background: transparent;
-  border-color: var(--color-label-hover-bg);
-  color: var(--color-label-hover-bg);
-}
 
 /* "horizontal label" is actually "fat label" which has enough padding spaces to be used standalone in headers */
 .ui.horizontal.label {
@@ -284,30 +243,37 @@ a.ui.ui.ui.basic.grey.label:hover {
   font-size: 1rem;
 }
 
-/* To let labels break up and wrap across multiple lines (issue title, comment event), use "display: contents here" to apply parent layout.
-If the labels-list itself needs some layouts, use extra classes or "tw" helpers. */
+/* labels-list layout: span.labels-list > a.item > span.ui.label,
+by default, the labels list is rendered as "display: inline",
+it can also be rendered as flex by adding flex-related classes (the general ".item" selector also applies) */
 .labels-list {
-  display: contents;
-  font-size: var(--font-size-label); /* it must match the label font size, otherwise the height mismatches */
+  max-width: 100%; /* for ellipsis */
+  font-size: var(--font-size-label); /* must match the label font size, otherwise the height mismatches */
 }
 
-.labels-list a {
-  display: inline-flex;
+.labels-list > .item {
   max-width: 100%; /* for ellipsis */
 }
 
+.labels-list a:hover {
+  text-decoration: none;
+}
+
 .labels-list .ui.label {
   min-height: 20px;
   padding-top: 0;
   padding-bottom: 0;
 }
 
-.with-labels-list-inline .labels-list .ui.label + .ui.label {
-  margin-left: var(--gap-inline);
+/* to align with different font sizes, these styles need to be written separately */
+#issue-list .labels-list > .item {
+  margin-right: 4px; /* margin-right (not margin-left) keeps wrapped labels left-aligned */
+  vertical-align: 2.5px; /* compensates inline-flex baseline so labels center with text */
 }
 
-.with-labels-list-inline .labels-list .ui.label {
-  line-height: var(--line-height-default);
+.timeline-item .labels-list > .item {
+  margin-right: 4px;
+  vertical-align: 1.5px;
 }
 
 /* Scoped labels with different colors on left and right */