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
@@ -0,0 +1,87 @@
.bsplus-notification-archive-bar {
margin-top: 0.5rem;
padding-top: 0.5rem;
border-top: 1px solid color-mix(in srgb, var(--text-primary) 12%, transparent);
}
.bsplus-notification-archive-toggle {
display: block;
width: 100%;
border: 1px solid color-mix(in srgb, var(--text-primary) 14%, transparent);
border-radius: 12px;
background: var(--theme-primary, var(--background-primary, #232323));
color: var(--text-primary);
padding: 0.55rem 0.75rem;
font-size: 0.8125rem;
font-weight: 600;
text-align: left;
cursor: pointer;
transition: background-color 150ms ease;
}
.bsplus-notification-archive-toggle:hover:not(:disabled) {
background: var(--theme-secondary, var(--background-secondary, #1a1a1a));
}
.bsplus-notification-archive-toggle:disabled {
opacity: 0.65;
cursor: default;
}
.bsplus-notification-archive-panel {
margin-top: 0.45rem;
max-height: 14rem;
overflow-y: auto;
display: flex;
flex-direction: column;
gap: 0.35rem;
}
.bsplus-notification-archive-panel[hidden] {
display: none !important;
}
.bsplus-notification-archive-item {
display: flex;
flex-direction: column;
gap: 0.2rem;
width: 100%;
border: none;
border-left: 3px solid var(--better-main, #3b82f6);
border-radius: 10px;
background: var(--theme-primary, var(--background-primary, #232323));
color: var(--text-primary);
padding: 0.5rem 0.65rem;
text-align: left;
cursor: pointer;
transition: background-color 150ms ease;
}
.bsplus-notification-archive-item:hover {
background: var(--theme-secondary, var(--background-secondary, #1a1a1a));
}
.bsplus-notification-archive-title {
font-size: 0.8125rem;
font-weight: 600;
line-height: 1.3;
}
.bsplus-notification-archive-meta {
font-size: 0.75rem;
opacity: 0.78;
line-height: 1.3;
}
.bsplus-notification-archive-badge {
font-size: 0.6875rem;
font-weight: 600;
opacity: 0.7;
}
.bsplus-notification-archive-empty {
font-size: 0.75rem;
opacity: 0.8;
margin: 0.25rem 0 0;
line-height: 1.4;
}