diff --git a/mkdocs.yml b/mkdocs.yml index 794e2b3002..fa4335f819 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -57,6 +57,7 @@ exclude_docs: | pregh-changes.md theme: name: material + custom_dir: src/overrides favicon: images/favicon.png logo: images/logo.png features: @@ -112,6 +113,7 @@ extra_javascript: extra_css: - css/tsv.css - css/dynamic-width.css + - css/assistant.css markdown_extensions: - toc: anchorlink: true diff --git a/src/css/assistant.css b/src/css/assistant.css new file mode 100644 index 0000000000..df6d2b4d2c --- /dev/null +++ b/src/css/assistant.css @@ -0,0 +1,55 @@ +/* Assistant widget styles */ +.assistant-toggle { + position: fixed; + bottom: 20px; + right: 20px; + z-index: 1000; + padding: 12px 24px; + background-color: #2196F3; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 14px; + font-weight: 500; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); + transition: background-color 0.3s ease; +} + +.assistant-toggle:hover { + background-color: #1976D2; +} + +.assistant-container { + position: fixed; + bottom: 70px; + right: 20px; + width: 400px; + height: 600px; + z-index: 999; + display: none; + box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3); + border-radius: 8px; + overflow: hidden; + background-color: white; +} + +.assistant-container.show { + display: block; +} + +.assistant-iframe { + width: 100%; + height: 100%; + border: none; +} + +/* Responsive adjustments */ +@media (max-width: 768px) { + .assistant-container { + width: calc(100vw - 40px); + height: calc(100vh - 120px); + bottom: 70px; + right: 20px; + } +} diff --git a/src/overrides/main.html b/src/overrides/main.html new file mode 100644 index 0000000000..4d7783d184 --- /dev/null +++ b/src/overrides/main.html @@ -0,0 +1,30 @@ +{% extends "base.html" %} + +{% block content %} + {{ super() }} + + +
+ +
+ + + +{% endblock %}