Learn head: responsive row/col (title full width, 3 equal buttons below on mobile)

This commit is contained in:
2026-10-03 00:31:58 +03:00
parent 5856c0b479
commit 13590a3594
8 changed files with 61 additions and 59 deletions

View File

@@ -455,13 +455,13 @@ code.code { padding: 0.125rem 0.5rem; border-radius: var(--radius-xs); font-fami
.mini-count { font-size: 0.72rem; margin-left: 0.15rem; color: var(--c-text-muted); }
.defense-cell-timer { font-variant-numeric: tabular-nums; }
.lab-head-actions { display: flex; gap: 0.2rem; }
.mini-btn {
.btn btn-secondary btn-sm p-2 {
display: inline-flex; align-items: center; justify-content: center;
min-width: 1.5rem; height: 1.5rem; padding: 0 0.3rem; cursor: pointer;
border: 1px solid var(--c-border); border-radius: var(--radius-sm);
background: var(--c-surface); color: var(--c-text); text-decoration: none; font-size: 0.85rem;
}
.mini-btn:hover { background: var(--c-bg); }
.btn btn-secondary btn-sm p-2:hover { background: var(--c-bg); }
.js-pub-eye .eye-closed { display: none; }
.js-pub-eye.is-empty .eye-open { display: none; }
.js-pub-eye.is-empty .eye-closed { display: inline-block; }
@@ -470,7 +470,7 @@ code.code { padding: 0.125rem 0.5rem; border-radius: var(--radius-xs); font-fami
/* Увеличенный диалог (оценка + комментарии) */
dialog.dlg.dlg-lg { width: min(72rem, calc(100vw - 2rem)); }
dialog.dlg.dlg-lg .dlg-body { max-height: 88vh; min-height: 62vh; }
.mini-btn svg, .cell-btn svg { width: 1rem; height: 1rem; }
.btn btn-secondary btn-sm p-2 svg, .cell-btn svg { width: 1rem; height: 1rem; }
.chip { display: inline-block; margin: 2px 4px 2px 0; padding: 2px 8px; border-radius: var(--radius-sm); font-size: 11.5px; line-height: 1.5; }
.chip-pos { background: #2e6b3a; color: #fff; }
@@ -611,7 +611,7 @@ th.th-filterable { padding-bottom: 0.35rem; }
font-size: 1rem; line-height: 1; padding: 0.15rem 0; border-radius: var(--radius-sm);
}
.drag-handle:hover { background: var(--c-bg); color: var(--c-text); }
.mini-btn.danger:hover { color: var(--c-accent); border-color: #dcb9be; background: var(--c-accent-soft); }
.btn btn-secondary btn-sm p-2.danger:hover { color: var(--c-accent); border-color: #dcb9be; background: var(--c-accent-soft); }
.drag-handle:active { cursor: grabbing; }
.dragging { opacity: 0.45; }
.drop-before { box-shadow: 0 -3px 0 0 var(--c-text); }