From ece0ce6854303af7e654d364e375db90cc64bcd5 Mon Sep 17 00:00:00 2001
From: Gary Wang <wangzichong@deepin.org>
Date: Mon, 14 Jul 2025 20:29:35 +0800
Subject: [PATCH] UI: add hover background to table rows in user and repo admin
 page (#35072)

---
 templates/admin/repo/list.tmpl | 2 +-
 templates/admin/user/list.tmpl | 2 +-
 web_src/css/modules/table.css  | 8 ++++++++
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/templates/admin/repo/list.tmpl b/templates/admin/repo/list.tmpl
index 2ad2de3a1d0..767d00fa741 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 eb3f6cd7204..49f62dda748 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 eabca31a170..6298471d474 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;