Mermutef/LMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Learn: inline markdown editor with formatting toolbar; drop edit modals

Browse Source
This commit is contained in:
Vladislav Kopnin
2026-09-17 18:31:43 +03:00
parent 8753d3658e
commit c111dce6da
7 changed files with 210 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
web/src/main/resources/static/css/app.css
View File

@@ -385,3 +385,24 @@ th.th-filterable { padding-bottom: 0.35rem; }
.learn-main { order: 1; }
.learn-side { position: static; max-height: none; order: 2; }
}
/* Панель форматирования markdown и встроенный редактор */
.md-toolbar { display: flex; flex-wrap: wrap; gap: 0.25rem; margin-bottom: 0.4rem; }
.md-btn {
font: inherit; font-size: 0.78rem; line-height: 1.4; cursor: pointer;
padding: 0.2rem 0.5rem; border: 1px solid var(--c-border); border-radius: 0.35rem;
background: var(--c-surface); color: var(--c-text);
}
.md-btn:hover { background: var(--c-bg); }
.md-btn:active { transform: translateY(1px); }
.md-editor-body {
width: 100%; min-height: 20rem; font-family: "DejaVu Sans Mono", Consolas, monospace;
font-size: 0.9rem; line-height: 1.5; white-space: pre; overflow-wrap: normal;
}
.md-figure { margin: 1rem 0; text-align: center; }
.md-figure img { width: 100%; max-width: 100%; height: auto; }
.md-figure figcaption, .md-video-figure figcaption {
margin-top: 0.4rem; font-size: 0.875rem; color: var(--c-text-muted);
}
.md-video-figure { margin: 1rem 0; text-align: center; }
.md-video { width: 100%; max-width: 100%; border-radius: 0.5rem; background: #000; }