Mermutef/LMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Grade comments: mark suggestion tone with colored icon and left border

Browse Source
This commit is contained in:
Vladislav Kopnin
2026-09-29 17:55:34 +03:00
parent c0c150b4b9
commit c395a92b7f
2 changed files with 23 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
web/src/main/resources/static/css/app.css
View File

@@ -24,6 +24,9 @@ body {
--c-badge-ok-text: #166534;
--c-badge-warn-bg: #fef3c7;
--c-badge-warn-text: #92400e;
--c-tone-pos: #16803c;
--c-tone-neg: #b3283b;
--c-tone-neu: #64748b;
}
[data-theme="dark"] {
@@ -39,6 +42,9 @@ body {
--c-badge-ok-text: #6ee7b7;
--c-badge-warn-bg: rgba(251, 191, 36, 0.15);
--c-badge-warn-text: #fcd34d;
--c-tone-pos: #4ade80;
--c-tone-neg: #f87171;
--c-tone-neu: #9aa3b2;
}
a { color: var(--c-text-link); text-decoration: none; }
@@ -319,8 +325,15 @@ code.code { padding: 0.125rem 0.5rem; border-radius: 0.25rem; font-family: monos
border-radius: 0.4rem; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.ac-list.drop-up { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 2px; }
.ac-item { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.6rem; cursor: pointer; font-size: 0.875rem; }
.ac-item { display: flex; align-items: center; gap: 0.5rem; padding: 0.4rem 0.6rem; padding-left: 0.45rem; border-left: 3px solid transparent; cursor: pointer; font-size: 0.875rem; }
.ac-item:hover, .ac-item.active { background: var(--c-bg); }
.ac-item.ac-pos { border-left-color: var(--c-tone-pos); }
.ac-item.ac-neg { border-left-color: var(--c-tone-neg); }
.ac-item.ac-neu { border-left-color: var(--c-tone-neu); }
.ac-tone { flex: 0 0 auto; width: 1rem; text-align: center; font-size: 0.8rem; font-weight: 700; }
.ac-tone-pos { color: var(--c-tone-pos); }
.ac-tone-neg { color: var(--c-tone-neg); }
.ac-tone-neu { color: var(--c-tone-neu); }
.ac-text { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ac-count { flex: 0 0 auto; background: var(--c-border); color: var(--c-text-muted); }
.ac-del { flex: 0 0 auto; border: none; background: transparent; color: var(--c-text-muted); cursor: pointer; padding: 0 0.25rem; border-radius: 0.25rem; font-size: 0.75rem; line-height: 1.4; }