ceciliayg/UAS_WebGIS_CeciliaYvonGunawan_D1041231056
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(povertymap): make verification tables responsive, add pagination, and support hash routing

Browse Source
This commit is contained in:
cygouw
2026-06-12 16:03:35 +07:00
parent 61cd292163
commit 91fa872970
2 changed files with 164 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
povertymap/style.css
+63 -2
View File
@@ -1627,7 +1627,8 @@ a {
background: #fff;
border: 1px solid var(--border);
border-radius: var(--radius);
overflow: hidden;
overflow-x: auto;
scrollbar-width: thin;
margin-bottom: 24px;
}
@@ -1636,6 +1637,64 @@ a {
border-collapse: collapse;
}
/* Column sizes for verification tables to prevent squeezing and cutting off */
.verify-table-wrap th:nth-child(1),
.verify-table-wrap td:nth-child(1) {
width: 52px;
min-width: 52px;
}
.verify-table-wrap th:nth-child(4),
.verify-table-wrap td:nth-child(4) {
min-width: 110px; /* Kecamatan (both tables) */
}
.verify-table-wrap th:nth-child(7),
.verify-table-wrap td:nth-child(7) {
min-width: 100px; /* Surveyor (both tables) */
}
.verify-table-wrap th:nth-child(8),
.verify-table-wrap td:nth-child(8) {
min-width: 110px; /* Tanggal (both tables) */
}
.verify-table-wrap th:last-child,
.verify-table-wrap td:last-child {
width: 180px;
min-width: 180px;
text-align: right; /* Aksi (both tables) */
}
/* -- Ibadah table specific columns -- */
.verify-ibadah-table th:nth-child(3),
.verify-ibadah-table td:nth-child(3) {
min-width: 90px; /* Jenis */
}
.verify-ibadah-table th:nth-child(5),
.verify-ibadah-table td:nth-child(5) {
min-width: 120px; /* PIC & WA */
}
.verify-ibadah-table th:nth-child(6),
.verify-ibadah-table td:nth-child(6) {
width: 70px;
min-width: 70px; /* Radius (short, e.g. "500 m") */
}
/* -- Warga table specific columns -- */
.verify-warga-table th:nth-child(3),
.verify-warga-table td:nth-child(3) {
min-width: 130px; /* NIK KK (16 digits) */
}
.verify-warga-table th:nth-child(5),
.verify-warga-table td:nth-child(5) {
min-width: 80px; /* Jml Anggota (short, e.g. "2 jiwa") */
text-align: center;
}
.verify-warga-table th:nth-child(5) {
text-align: center;
}
.verify-warga-table th:nth-child(6),
.verify-warga-table td:nth-child(6) {
min-width: 140px; /* Ibadah Terdekat (longer text) */
}
.verify-table-wrap thead tr {
background: var(--border2);
border-bottom: 1px solid var(--border);
@@ -1649,7 +1708,7 @@ a {
letter-spacing: .5px;
color: var(--text2);
text-align: left;
white-space: nowrap;
white-space: normal;
}
.verify-table-wrap tbody tr {
@@ -1670,6 +1729,8 @@ a {
font-size: 13px;
color: var(--text);
vertical-align: middle;
word-break: break-word;
overflow-wrap: break-word;
}
.vt-thumb {