maxim.dolgolyov/Learn_System
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(assistant): помощник не перекрывает сайдбар — сдвиг в контентную область

Browse Source 
Компаньон стоял на left:18px, поверх профиля внизу сайдбара (230/62px).
Теперь сдвигается правее сайдбара (.app-layout ~ .asst-root: 248px, collapsed
80px), на мобиле — к левому краю (шторка). Плавный transition при сворачивании.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maxim Dolgolyov
2026-06-04 16:42:45 +03:00
parent 9baaca7f68
commit aff07647ec
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/js/assistant.js
+6 -2
View File
@@ -186,7 +186,10 @@
if (document.getElementById('asst-style')) return; if (document.getElementById('asst-style')) return;
var s = document.createElement('style'); s.id = 'asst-style'; var s = document.createElement('style'); s.id = 'asst-style';
s.textContent = [ s.textContent = [
'.asst-root{position:fixed;left:18px;bottom:18px;z-index:8500;font-family:Manrope,system-ui,sans-serif;}', '.asst-root{position:fixed;left:18px;bottom:18px;z-index:8500;font-family:Manrope,system-ui,sans-serif;transition:left .28s cubic-bezier(.4,0,.2,1);}',
// в приложении сдвигаем правее сайдбара (230/62px), чтобы не перекрывать профиль в сайдбаре
'.app-layout ~ .asst-root{left:248px;}',
'.app-layout.sb-collapsed ~ .asst-root{left:80px;}',
'.asst-fab{width:54px;height:54px;border-radius:50%;border:none;background:#fff;cursor:pointer;padding:4px;', '.asst-fab{width:54px;height:54px;border-radius:50%;border:none;background:#fff;cursor:pointer;padding:4px;',
' box-shadow:0 8px 24px rgba(139,92,246,.32);transition:transform .15s;position:relative;display:block;}', ' box-shadow:0 8px 24px rgba(139,92,246,.32);transition:transform .15s;position:relative;display:block;}',
'.asst-fab:hover{transform:translateY(-2px) scale(1.04);}', '.asst-fab:hover{transform:translateY(-2px) scale(1.04);}',
@@ -215,7 +218,8 @@
'.asst-ans-q{font-weight:700;color:#0F172A;margin-bottom:2px;}', '.asst-ans-q{font-weight:700;color:#0F172A;margin-bottom:2px;}',
'.asst-ans-link{display:inline-block;margin-top:4px;color:#9B5DE5;font-weight:700;font-size:.78rem;text-decoration:none;}', '.asst-ans-link{display:inline-block;margin-top:4px;color:#9B5DE5;font-weight:700;font-size:.78rem;text-decoration:none;}',
'.asst-empty{font-size:.82rem;color:#8a94a6;padding:6px 0;}', '.asst-empty{font-size:.82rem;color:#8a94a6;padding:6px 0;}',
'@media(max-width:640px){.asst-root{left:12px;bottom:72px;}.asst-fab{width:48px;height:48px;}}', // на мобиле сайдбар — выезжающая шторка, контент во всю ширину → к левому краю
'@media(max-width:768px){.asst-root,.app-layout ~ .asst-root,.app-layout.sb-collapsed ~ .asst-root{left:12px;bottom:18px;}.asst-fab{width:48px;height:48px;}}',
].join(''); ].join('');
document.head.appendChild(s); document.head.appendChild(s);
} }