fix: restore uniform matrix font size and header spacing

- use the previous student-name size (13.5px) for all matrix cell text
- match attestation header padding to neighboring headers
- widen the attestation column just enough for full grade labels
This commit is contained in:
2026-10-26 19:56:36 +03:00
parent e2e3ed1eaf
commit 44edb5ebeb
2 changed files with 10 additions and 7 deletions

View File

@@ -467,7 +467,7 @@ code.code { padding: 0.125rem 0.5rem; border-radius: var(--radius-xs); font-fami
.variant-btn.manual .cell-none { font-weight: 600; } .variant-btn.manual .cell-none { font-weight: 600; }
.score-link { .score-link {
display: inline-block; padding: 0; border: none; background: none; display: inline-block; padding: 0; border: none; background: none;
font-size: 0.75rem; font-weight: 600; font-variant-numeric: tabular-nums; font-size: 0.84375rem; font-weight: 600; font-variant-numeric: tabular-nums;
color: var(--c-text); cursor: pointer; color: var(--c-text); cursor: pointer;
} }
.score-link:hover { color: var(--c-accent); text-decoration: underline; } .score-link:hover { color: var(--c-accent); text-decoration: underline; }
@@ -555,7 +555,7 @@ dialog.dlg.dlg-lg .dlg-body { max-height: 88vh; min-height: 62vh; }
font-size: 0.75rem; font-weight: 500; color: var(--c-text-muted); font-size: 0.75rem; font-weight: 500; color: var(--c-text-muted);
background: var(--c-surface); white-space: nowrap; background: var(--c-surface); white-space: nowrap;
} }
.matrix td { vertical-align: middle; padding: 1rem; font-size: 0.75rem; } .matrix td { vertical-align: middle; padding: 1rem; font-size: 0.84375rem; }
#group-table td .student-name, #group-table td .student-name,
#group-table td .score-link, #group-table td .score-link,
#group-table td .attestation-select, #group-table td .attestation-select,
@@ -565,7 +565,7 @@ dialog.dlg.dlg-lg .dlg-body { max-height: 88vh; min-height: 62vh; }
#group-table td .font-mono, #group-table td .font-mono,
#group-table td .mini-count, #group-table td .mini-count,
#group-table td .badge, #group-table td .badge,
#group-table td .btn { font-size: 0.75rem; } #group-table td .btn { font-size: 0.84375rem; }
/* Непрозрачный фон обязателен: закреплённый столбец не должен просвечивать при прокрутке. */ /* Непрозрачный фон обязателен: закреплённый столбец не должен просвечивать при прокрутке. */
.matrix tbody tr:hover td { background: var(--c-row-hover); } .matrix tbody tr:hover td { background: var(--c-row-hover); }
.matrix tbody tr:hover td.matrix-sticky { background: var(--c-row-hover); } .matrix tbody tr:hover td.matrix-sticky { background: var(--c-row-hover); }
@@ -577,9 +577,12 @@ dialog.dlg.dlg-lg .dlg-body { max-height: 88vh; min-height: 62vh; }
#group-table th.actions-head { color: var(--c-text); font-weight: 400; } #group-table th.actions-head { color: var(--c-text); font-weight: 400; }
#group-table th.actions-head, #group-table th.actions-head,
#group-table td.actions-cell { border-left: 1px solid var(--c-border); } #group-table td.actions-cell { border-left: 1px solid var(--c-border); }
.matrix th.attestation-col, .matrix th.attestation-col {
width: 11.5rem; min-width: 11rem; max-width: 11.5rem;
border-left: 1px solid var(--c-border);
}
.matrix td.attestation-cell { .matrix td.attestation-cell {
width: 10.5rem; min-width: 10rem; max-width: 10.5rem; width: 11.5rem; min-width: 11rem; max-width: 11.5rem;
padding-left: 0.35rem; padding-right: 0.35rem; padding-left: 0.35rem; padding-right: 0.35rem;
border-left: 1px solid var(--c-border); border-left: 1px solid var(--c-border);
} }
@@ -599,7 +602,7 @@ dialog.dlg.dlg-lg .dlg-body { max-height: 88vh; min-height: 62vh; }
width: 100%; max-width: 100%; min-width: 0; padding: 0.15rem 0.95rem 0.15rem 0.15rem; width: 100%; max-width: 100%; min-width: 0; padding: 0.15rem 0.95rem 0.15rem 0.15rem;
border: 1px solid transparent; border-radius: var(--radius-sm); border: 1px solid transparent; border-radius: var(--radius-sm);
background-color: transparent; color: var(--c-text); background-color: transparent; color: var(--c-text);
font-size: 0.75rem; font-weight: 600; font-variant-numeric: tabular-nums; font-size: 0.84375rem; font-weight: 600; font-variant-numeric: tabular-nums;
text-align: left; text-align-last: left; cursor: pointer; text-align: left; text-align-last: left; cursor: pointer;
background-image: background-image:
linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(45deg, transparent 50%, currentColor 50%),

View File

@@ -17,7 +17,7 @@
<!-- v=37: сброс кэша стилей после изменения геометрии; при изменении css поднимать версию --> <!-- v=37: сброс кэша стилей после изменения геометрии; при изменении css поднимать версию -->
<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"> <link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
<link rel="stylesheet" th:href="@{/css/bootstrap-icons.min.css}"> <link rel="stylesheet" th:href="@{/css/bootstrap-icons.min.css}">
<link rel="stylesheet" th:href="@{/css/app.css(v='49')}"> <link rel="stylesheet" th:href="@{/css/app.css(v='50')}">
<link id="hljs-light" rel="stylesheet" th:href="@{/css/hljs-github.css(v='36')}"> <link id="hljs-light" rel="stylesheet" th:href="@{/css/hljs-github.css(v='36')}">
<link id="hljs-dark" rel="stylesheet" th:href="@{/css/hljs-github-dark.css(v='36')}" disabled> <link id="hljs-dark" rel="stylesheet" th:href="@{/css/hljs-github-dark.css(v='36')}" disabled>
<script th:src="@{/js/highlight.min.js(v='36')}" defer></script> <script th:src="@{/js/highlight.min.js(v='36')}" defer></script>