fix(assessments): show letter grades not undefined%

cannot triple confirm that this works for all schools but it works for my assessments that are letter-based
This commit is contained in:
2026-06-22 21:47:03 +09:30
parent 6f7788497a
commit 37ae32be59
12 changed files with 619 additions and 101 deletions
+11 -6
View File
@@ -64,8 +64,8 @@ body {
select {
border-radius: 16px !important;
border: 1px solid color-mix(in srgb, var(--theme-offset-bg, var(--background-secondary)) 78%, transparent) !important;
background: color-mix(in srgb, var(--background-primary) 90%, transparent) !important;
border: 1px solid var(--theme-offset-bg, var(--theme-secondary, var(--background-secondary))) !important;
background: var(--theme-primary, var(--background-primary)) !important;
color: var(--text-primary) !important;
padding: 0.5rem 1rem !important;
min-height: 2.5rem !important;
@@ -78,14 +78,14 @@ select {
}
select:hover {
background: color-mix(in srgb, var(--background-primary) 94%, var(--background-secondary) 6%) !important;
border-color: color-mix(in srgb, var(--theme-offset-bg, var(--background-secondary)) 92%, transparent) !important;
background: var(--theme-secondary, var(--background-secondary)) !important;
border-color: var(--theme-offset-bg, var(--theme-secondary, var(--background-secondary))) !important;
}
select:focus {
outline: none !important;
background: color-mix(in srgb, var(--background-primary) 96%, var(--background-secondary) 4%) !important;
border-color: color-mix(in srgb, var(--text-primary) 18%, var(--theme-offset-bg, var(--background-secondary)) 82%) !important;
background: var(--theme-secondary, var(--background-secondary)) !important;
border-color: color-mix(in srgb, var(--text-primary) 18%, var(--theme-offset-bg, var(--theme-secondary, var(--background-secondary))) 82%) !important;
box-shadow: 0 0 0 1px color-mix(in srgb, var(--text-primary) 12%, transparent) !important;
}
@@ -116,6 +116,11 @@ select option {
color: #18181b !important;
}
.dark select option {
background-color: #1a1a1a !important;
color: #ffffff !important;
}
.dark select:not([multiple]):not([size]),
.dark select[size="1"] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23c9c9c9'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 0 1 1.06.02L10 11.168l3.71-3.938a.75.75 0 1 1 1.08 1.04l-4.25 4.5a.75.75 0 0 1-1.08 0l-4.25-4.5a.75.75 0 0 1 .02-1.06Z' clip-rule='evenodd'/%3E%3C/svg%3E") !important;