karma/crab-webapp
1
0
Fork 0
mirror of https://github.com/karma-riuk/crab-webapp.git synced 2025-07-05 14:18:12 +02:00
Code Issues Packages Projects Releases Wiki Activity

made style of table better

Browse Source
This commit is contained in:
Karma Riuk
2025-05-08 00:37:07 +02:00
parent 8c1c7e3c95
commit ee619e323c
1 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
public/css/style.css
View File

@ -50,11 +50,20 @@ table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
} }
table th {
table thead {
background-color: #f4f4f4; background-color: #f4f4f4;
padding: 8px;
text-align: left;
border-bottom: 2px solid #ddd; border-bottom: 2px solid #ddd;
cursor: default;
}
table thead th {
padding: 8px;
}
table thead th:hover {
cursor: pointer;
background-color: #eee;
} }
table td { table td {
@ -62,20 +71,19 @@ table td {
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
} }
table tr:nth-child(even) { table tbody tr:nth-child(even) {
background-color: #fafafa; background-color: #fafafa;
} }
table tr:hover { table tbody tr:hover {
background-color: #f1f1f1; background-color: #f1f1f1;
} }
/* style id column values */ /* style id column values */
table td:nth-child(1) { table tbody td:nth-child(1) {
font-family: monospace;
font-family: monospace; /* fixed-width font */ width: 8ch;
width: 8ch; /* exactly 8 “0” widths */ white-space: normal;
white-space: normal; /* allow wrapping */
word-break: break-all; word-break: break-all;
} }
@ -85,7 +93,7 @@ table th:nth-child(3) {
} }
/* style score column values */ /* style score column values */
table td:nth-child(3) { table tbody td:nth-child(3) {
text-align: right; text-align: right;
} }