helios/rooms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix alternating row stripes to span full card width

Browse Source
This commit is contained in:
Ian Gulliver
2026-02-16 10:51:29 -08:00
parent b71c4bfd3f
commit 265b22f0ca
2 changed files with 3 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
static/trip.html
View File

@@ -73,10 +73,9 @@
.room-label { font-weight: bold; font-size: 0.8rem; margin-bottom: 0.2rem; } .room-label { font-weight: bold; font-size: 0.8rem; margin-bottom: 0.2rem; }
.solver-score { font-size: 0.8rem; margin-top: 0.3rem; color: var(--wa-color-neutral-500); } .solver-score { font-size: 0.8rem; margin-top: 0.3rem; color: var(--wa-color-neutral-500); }
.divider { border: none; border-top: 1px solid #909090; margin: 0.75rem 0; } .divider { border: none; border-top: 1px solid #909090; margin: 0.75rem 0; }
.pref-rows { width: fit-content; }
.pref-row { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0; padding: 0.3rem 0.4rem; } .pref-row { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0; padding: 0.3rem 0.4rem; }
.pref-row:nth-child(odd) { background: var(--wa-color-neutral-50); border-radius: 0.25rem; } .pref-row:nth-child(even) { background: rgba(128, 128, 128, 0.06); }
.pref-row .pref-name { flex: 1; font-size: 0.85rem; } .pref-row .pref-name { font-size: 0.85rem; }
.pref-row wa-radio-group { white-space: nowrap; } .pref-row wa-radio-group { white-space: nowrap; }
</style> </style>
</head> </head>

5
static/trip.js
View File

@@ -535,8 +535,6 @@ async function renderMemberView(me) {
} }
} }
const rows = document.createElement('div');
rows.className = 'pref-rows';
for (const other of students) { for (const other of students) {
if (myStudentIDs.has(other.id)) continue; if (myStudentIDs.has(other.id)) continue;
const row = document.createElement('div'); const row = document.createElement('div');
@@ -578,9 +576,8 @@ async function renderMemberView(me) {
} }
}); });
row.appendChild(group); row.appendChild(group);
rows.appendChild(row); card.appendChild(row);
} }
card.appendChild(rows);
container.appendChild(card); container.appendChild(card);
} }