Add override detection with colored tags, fix tag padding, remove schema drop

This commit is contained in:
Ian Gulliver
2026-02-15 18:59:41 -08:00
parent cf633a5143
commit 0a0d1fc476
4 changed files with 80 additions and 7 deletions

View File

@@ -32,6 +32,7 @@
.student-name { font-weight: bold; display: block; margin-bottom: 0.3rem; }
.tags { display: flex; flex-wrap: wrap; gap: 0.25rem; margin-bottom: 0.3rem; }
wa-tag { transition: opacity var(--wa-transition-normal); }
wa-tag::part(base) { padding: 0.15rem 0.4rem; }
wa-input.email { max-width: 20rem; }
.add-form { display: flex; flex-direction: column; gap: 0.3rem; max-width: 20rem; }
.add-form wa-button { align-self: flex-start; }
@@ -60,6 +61,9 @@
.constraint-level { font-size: 0.7rem; font-weight: bold; opacity: 0.6; }
.constraint-add { display: flex; gap: 0.5rem; align-items: center; margin-top: 0.3rem; }
.constraint-add select { font-size: 0.75rem; padding: 0.15rem; border: 1px solid var(--wa-color-neutral-300, #ccc); border-radius: 0.25rem; }
#conflicts { margin-bottom: 0.5rem; }
.conflict-row { margin-bottom: 0.2rem; }
.conflict-icon { background: var(--wa-color-danger-50, #dc3545); color: white; border-radius: 0.15rem; padding: 0 0.15rem; font-size: 0.6rem; line-height: 1.2; vertical-align: middle; margin-right: 0.1rem; display: inline-block; }
</style>
</head>
<body>
@@ -76,6 +80,7 @@
<label for="room-size">Students per room:</label>
<input id="room-size" type="number" min="1">
</div>
<div id="conflicts"></div>
<div id="students"></div>
<wa-details summary="Add Student">
<div class="add-form">