fix: Branch search format breaking (#286)

ls1intum · Feb 3, 2025 · 0d1e309 · 0d1e309
1 parent 1cc9c2c
commit 0d1e309
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/client/src/app/components/branches-table/branches-table.component.html b/client/src/app/components/branches-table/branches-table.component.html
@@ -46,11 +46,13 @@
               <p-treeTableToggler [rowNode]="rowNode" />
 
               <p-tag>
-                <div class="flex items-center">
+                <div class="whitespace-normal inline-flex flex-wrap items-baseline">
                   @for (part of branch.name | highlight: searchTableService.searchValue(); track part.text) {
-                    <span [class.bg-yellow-200]="part.highlight" [class.font-semibold]="part.highlight" [class.rounded]="part.highlight">
-                      {{ part.text }}
-                    </span>
+                    @if (part.highlight) {
+                      <mark>{{ part.text }}</mark>
+                    } @else {
+                      <span>{{ part.text }}</span>
+                    }
                   }
                 </div>
               </p-tag>