github/gitea
1
0
Fork 0
mirror of https://github.com/go-gitea/gitea.git synced 2025-11-04 00:28:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI: add hover background to table rows in user and repo admin page (#35072)

Browse Source
This commit is contained in:
Gary Wang
2025-07-14 20:29:35 +08:00
committed by GitHub
parent 7cc47da78c
commit ece0ce6854
3 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
templates/admin/repo/list.tmpl
View File

@@ -10,7 +10,7 @@
{{template "shared/repo/search" .}} {{template "shared/repo/search" .}}
</div> </div>
<div class="ui attached table segment"> <div class="ui attached table segment">
<table class="ui very basic striped table unstackable"> <table class="ui very basic striped table selectable unstackable">
<thead> <thead>
<tr> <tr>
<th data-sortt-asc="oldest" data-sortt-desc="newest">ID{{SortArrow "oldest" "newest" $.SortType false}}</th> <th data-sortt-asc="oldest" data-sortt-desc="newest">ID{{SortArrow "oldest" "newest" $.SortType false}}</th>

2
templates/admin/user/list.tmpl
View File

@@ -56,7 +56,7 @@
</form> </form>
</div> </div>
<div class="ui attached table segment"> <div class="ui attached table segment">
<table class="ui very basic striped table unstackable"> <table class="ui very basic striped selectable table unstackable">
<thead> <thead>
<tr> <tr>
<th data-sortt-asc="oldest" data-sortt-desc="newest">ID{{SortArrow "oldest" "newest" .SortType false}}</th> <th data-sortt-asc="oldest" data-sortt-desc="newest">ID{{SortArrow "oldest" "newest" .SortType false}}</th>

8
web_src/css/modules/table.css
View File

@@ -167,6 +167,11 @@
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.ui.selectable.table > tbody > tr:hover,
.ui.table tbody tr td.selectable:hover {
background: var(--color-hover);
}
.ui.attached.table { .ui.attached.table {
top: 0; top: 0;
bottom: 0; bottom: 0;
@@ -289,6 +294,9 @@
.ui.basic.striped.table > tbody > tr:nth-child(2n) { .ui.basic.striped.table > tbody > tr:nth-child(2n) {
background: var(--color-light); background: var(--color-light);
} }
.ui.basic.striped.selectable.table > tbody > tr:nth-child(2n):hover {
background: var(--color-hover);
}
.ui[class*="very basic"].table { .ui[class*="very basic"].table {
border: none; border: none;