aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorGary Wang <wangzichong@deepin.org>2025-07-14 20:29:35 +0800
committerGitHub <noreply@github.com>2025-07-14 08:29:35 -0400
commitece0ce6854303af7e654d364e375db90cc64bcd5 (patch)
tree458172819b6ce02cae8b22c1c141b00b2945446e
parent7cc47da78cef9648a7c930fd68e7436be8f78e57 (diff)
downloadgitea-ece0ce6854303af7e654d364e375db90cc64bcd5.tar.gz
gitea-ece0ce6854303af7e654d364e375db90cc64bcd5.zip
UI: add hover background to table rows in user and repo admin page (#35072)
-rw-r--r--templates/admin/repo/list.tmpl2
-rw-r--r--templates/admin/user/list.tmpl2
-rw-r--r--web_src/css/modules/table.css8
3 files changed, 10 insertions, 2 deletions
diff --git a/templates/admin/repo/list.tmpl b/templates/admin/repo/list.tmpl
index 2ad2de3a1d..767d00fa74 100644
--- a/templates/admin/repo/list.tmpl
+++ b/templates/admin/repo/list.tmpl
@@ -10,7 +10,7 @@
{{template "shared/repo/search" .}}
</div>
<div class="ui attached table segment">
- <table class="ui very basic striped table unstackable">
+ <table class="ui very basic striped table selectable unstackable">
<thead>
<tr>
<th data-sortt-asc="oldest" data-sortt-desc="newest">ID{{SortArrow "oldest" "newest" $.SortType false}}</th>
diff --git a/templates/admin/user/list.tmpl b/templates/admin/user/list.tmpl
index eb3f6cd720..49f62dda74 100644
--- a/templates/admin/user/list.tmpl
+++ b/templates/admin/user/list.tmpl
@@ -56,7 +56,7 @@
</form>
</div>
<div class="ui attached table segment">
- <table class="ui very basic striped table unstackable">
+ <table class="ui very basic striped selectable table unstackable">
<thead>
<tr>
<th data-sortt-asc="oldest" data-sortt-desc="newest">ID{{SortArrow "oldest" "newest" .SortType false}}</th>
diff --git a/web_src/css/modules/table.css b/web_src/css/modules/table.css
index eabca31a17..6298471d47 100644
--- a/web_src/css/modules/table.css
+++ b/web_src/css/modules/table.css
@@ -167,6 +167,11 @@
text-overflow: ellipsis;
}
+.ui.selectable.table > tbody > tr:hover,
+.ui.table tbody tr td.selectable:hover {
+ background: var(--color-hover);
+}
+
.ui.attached.table {
top: 0;
bottom: 0;
@@ -289,6 +294,9 @@
.ui.basic.striped.table > tbody > tr:nth-child(2n) {
background: var(--color-light);
}
+.ui.basic.striped.selectable.table > tbody > tr:nth-child(2n):hover {
+ background: var(--color-hover);
+}
.ui[class*="very basic"].table {
border: none;