Fix word overflow in file search page () ()

Backport  by yp05327

Co-authored-by: yp05327 <576951401@qq.com>
This commit is contained in:
Giteabot 2024-12-04 08:19:43 +08:00 committed by GitHub
parent 4b73e92264
commit a332805f6e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 2 additions and 1 deletions
templates/repo/find
web_src/js/features

View File

@ -9,7 +9,7 @@
<input id="repo-file-find-input" type="text" autofocus data-url-data-link="{{.DataLink}}" data-url-tree-link="{{.TreeLink}}"> <input id="repo-file-find-input" type="text" autofocus data-url-data-link="{{.DataLink}}" data-url-tree-link="{{.TreeLink}}">
</div> </div>
</div> </div>
<table id="repo-find-file-table" class="ui single line table"> <table id="repo-find-file-table" class="ui single line fixed table">
<tbody> <tbody>
</tbody> </tbody>
</table> </table>

View File

@ -90,6 +90,7 @@ function filterRepoFiles(filter) {
const span = document.createElement('span'); const span = document.createElement('span');
// safely escape by using textContent // safely escape by using textContent
span.textContent = part; span.textContent = part;
span.title = span.textContent;
// if the target file path is "abc/xyz", to search "bx", then the matchResult is ['a', 'b', 'c/', 'x', 'yz'] // if the target file path is "abc/xyz", to search "bx", then the matchResult is ['a', 'b', 'c/', 'x', 'yz']
// the matchResult[odd] is matched and highlighted to red. // the matchResult[odd] is matched and highlighted to red.
if (index % 2 === 1) span.classList.add('ui', 'text', 'red'); if (index % 2 === 1) span.classList.add('ui', 'text', 'red');