Fix member view grid alignment with subgrid for consistent columns
This commit is contained in:
@@ -73,7 +73,8 @@
|
||||
.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); }
|
||||
.divider { border: none; border-top: 1px solid #909090; margin: 0.75rem 0; }
|
||||
.pref-row { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0; padding: 0.3rem 0.4rem; }
|
||||
.pref-rows { display: grid; grid-template-columns: auto 1fr; }
|
||||
.pref-row { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; align-items: center; gap: 0.5rem; padding: 0.3rem 0.4rem; }
|
||||
.pref-row:nth-child(even) { background: rgba(128, 128, 128, 0.06); }
|
||||
.pref-row .pref-name { font-size: 0.85rem; }
|
||||
.pref-row wa-radio-group { white-space: nowrap; }
|
||||
|
||||
@@ -535,6 +535,8 @@ async function renderMemberView(me) {
|
||||
}
|
||||
}
|
||||
|
||||
const rows = document.createElement('div');
|
||||
rows.className = 'pref-rows';
|
||||
for (const other of students) {
|
||||
if (myStudentIDs.has(other.id)) continue;
|
||||
const row = document.createElement('div');
|
||||
@@ -576,8 +578,9 @@ async function renderMemberView(me) {
|
||||
}
|
||||
});
|
||||
row.appendChild(group);
|
||||
card.appendChild(row);
|
||||
rows.appendChild(row);
|
||||
}
|
||||
card.appendChild(rows);
|
||||
container.appendChild(card);
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user