diff --git a/frontend/css/ls.css b/frontend/css/ls.css index 032e592..c4cedf7 100644 --- a/frontend/css/ls.css +++ b/frontend/css/ls.css @@ -408,6 +408,13 @@ body { background: var(--grad-1); } +/* Админ-инструмент (конструктор задач) — янтарное выделение, как кнопка в тренажёре */ +.sb-link.sb-admin-tool { color: #b45309; background: rgba(245,158,11,0.10); } +.sb-link.sb-admin-tool .sb-icon { color: #f59e0b; } +.sb-link.sb-admin-tool:hover { color: #92400e; background: rgba(245,158,11,0.18); } +.sb-link.sb-admin-tool.active { color: #b45309; background: linear-gradient(135deg, rgba(245,158,11,0.20), rgba(249,115,22,0.16)); font-weight: 700; } +.sb-link.sb-admin-tool.active::before { background: linear-gradient(180deg, #f59e0b, #f97316); } + .sb-icon { width: 18px; height: 18px; diff --git a/js/sidebar.js b/js/sidebar.js index dea52c8..0eebe72 100644 --- a/js/sidebar.js +++ b/js/sidebar.js @@ -90,7 +90,7 @@ ${G('practice', 'Практика и игры', ` ${L('/lab', 'atom', 'Лаборатория')} ${L('/trainer', 'dumbbell', 'Тренажёр')} - ${L('/trainer-builder', 'wand-2', 'Конструктор задач', { hidden: !isAdm })} + ${L('/trainer-builder', 'wand-2', 'Конструктор задач', { cls: 'sb-admin-tool', hidden: !isAdm })} ${L('/quantik', 'rocket', 'Квантик: Законы Мира')} ${L('/sim-builder', 'pencil-ruler', 'Конструктор симуляций', { cls: 'sb-teacher-only', hidden: !isTch })} ${L('/biochem', 'flask-conical', 'Биохимия')}