ngfchl/tg-spam-guard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: prevent ban record text overlap

Browse Source
This commit is contained in:
ngfchl
2026-07-07 22:44:59 +08:00
parent 6aa41c2c0e
commit 90b81861bf
4 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
front/src/style.css
+9 -7
View File
@@ -571,14 +571,16 @@ body { background: #f3f6fb; }
.compact-rule-writer { padding-top: 8px !important; grid-template-columns: 110px 90px minmax(260px, 1fr) 72px !important; gap: 8px !important; } .compact-rule-writer { padding-top: 8px !important; grid-template-columns: 110px 90px minmax(260px, 1fr) 72px !important; gap: 8px !important; }
} }
/* Ban records: fixed row height, list scrolls naturally when rows increase */ /* Ban records: compact two-line rows; reserve a fixed action column to avoid overlap */
.overview-ban-list.v-overflow { display: flex !important; flex-direction: column !important; gap: 9px !important; overflow-y: auto !important; } .overview-ban-list.v-overflow { display: flex !important; flex-direction: column !important; gap: 9px !important; overflow-y: auto !important; }
.overview-ban-list .ban-item { box-sizing: border-box; height: 42px !important; min-height: 42px !important; max-height: 42px !important; display: grid !important; grid-template-columns: minmax(0, 1fr); grid-template-rows: 16px 14px; gap: 2px !important; padding: 5px 8px !important; overflow: hidden !important; } .overview-ban-list .ban-item { box-sizing: border-box; height: 46px !important; min-height: 46px !important; max-height: 46px !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 48px; grid-template-rows: 17px 17px; column-gap: 8px !important; row-gap: 2px !important; align-items: center !important; padding: 5px 8px !important; overflow: hidden !important; }
.overview-ban-list .ban-main { min-height: 0 !important; overflow: hidden !important; } .overview-ban-list .ban-main { grid-column: 1; grid-row: 1; min-width: 0 !important; min-height: 0 !important; overflow: hidden !important; display: block !important; }
.overview-ban-list .ban-main b { display: block !important; height: 15px; line-height: 15px !important; } .overview-ban-list .ban-main b { display: block !important; height: 17px; line-height: 17px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.overview-ban-list .ban-main span { display: block !important; height: 14px; line-height: 14px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .overview-ban-list .ban-main span { display: none !important; }
.overview-ban-list .ban-meta { height: 14px !important; line-height: 14px !important; min-height: 0 !important; overflow: hidden !important; } .overview-ban-list .ban-meta { grid-column: 1 / 3; grid-row: 2; width: 100%; min-width: 0 !important; height: 17px !important; line-height: 17px !important; min-height: 0 !important; display: grid !important; grid-template-columns: minmax(0, 1fr) 48px; align-items: center !important; gap: 8px !important; overflow: hidden !important; }
.overview-ban-list .ban-meta .s-button { height: 18px !important; min-height: 18px !important; padding: 0 6px !important; line-height: 18px !important; } .overview-ban-list .ban-meta > span { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.overview-ban-list .ban-meta > span:not(:first-child) { display: none !important; }
.overview-ban-list .ban-meta .s-button { grid-column: 2; justify-self: end; width: 42px !important; height: 20px !important; min-height: 20px !important; padding: 0 !important; line-height: 20px !important; font-size: 10px !important; }
/* Rules desktop row: content input + result + actions in one line */ /* Rules desktop row: content input + result + actions in one line */
web/static/assets/index-B9Kyvn7u.css → web/static/assets/index-CXxt5Qs8.css
+1 -1
View File
File diff suppressed because one or more lines are too long
web/static/assets/index-X2_fZIhe.js → web/static/assets/index-CaKssLq8.js
View File
web/static/index.html
+2 -2
View File
@@ -5,8 +5,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" type="image/svg+xml" href="/static/icon.svg" /> <link rel="icon" type="image/svg+xml" href="/static/icon.svg" />
<title>TG Spam Guard</title> <title>TG Spam Guard</title>
<script type="module" crossorigin src="/static/assets/index-X2_fZIhe.js"></script> <script type="module" crossorigin src="/static/assets/index-CaKssLq8.js"></script>
<link rel="stylesheet" crossorigin href="/static/assets/index-B9Kyvn7u.css"> <link rel="stylesheet" crossorigin href="/static/assets/index-CXxt5Qs8.css">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>