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

Bootstrap 5.3 as CSS base + B3 theme layer; dialogs isolated as .dlg; offcanvas sidebar; icons via SVG assets + masks

Browse Source
This commit is contained in:
Vladislav Kopnin
2026-10-02 23:44:00 +03:00
parent 8c75fd1c8e
commit 03b64586b2
12 changed files with 185 additions and 179 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
web/src/main/resources/templates/fragments/base.html
View File

@@ -15,17 +15,18 @@
</noscript>
<link rel="icon" type="image/svg+xml" th:href="@{/favicon.svg(v='2')}">
<!-- v=4: сброс кэша стилей после редизайна; при изменении css поднимать версию -->
<link rel="stylesheet" th:href="@{/css/app.css(v='15')}">
<link id="hljs-light" rel="stylesheet" th:href="@{/css/hljs-github.css(v='15')}">
<link id="hljs-dark" rel="stylesheet" th:href="@{/css/hljs-github-dark.css(v='15')}" disabled>
<script th:src="@{/js/highlight.min.js(v='15')}" defer></script>
<script th:src="@{/js/table-scroll.js(v='15')}" defer></script>
<script th:src="@{/js/tablekit.js(v='15')}" defer></script>
<script th:src="@{/js/theme-init.js(v='15')}"></script>
<script th:src="@{/js/app.js(v='15')}" defer></script>
<script th:src="@{/js/ui-state.js(v='15')}" defer></script>
<script th:src="@{/js/md-content.js(v='15')}" defer></script>
<script th:src="@{/js/submit-guard.js(v='15')}" defer></script>
<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}">
<link rel="stylesheet" th:href="@{/css/app.css(v='17')}">
<link id="hljs-light" rel="stylesheet" th:href="@{/css/hljs-github.css(v='17')}">
<link id="hljs-dark" rel="stylesheet" th:href="@{/css/hljs-github-dark.css(v='17')}" disabled>
<script th:src="@{/js/highlight.min.js(v='17')}" defer></script>
<script th:src="@{/js/table-scroll.js(v='17')}" defer></script>
<script th:src="@{/js/tablekit.js(v='17')}" defer></script>
<script th:src="@{/js/theme-init.js(v='17')}"></script>
<script th:src="@{/js/app.js(v='17')}" defer></script>
<script th:src="@{/js/ui-state.js(v='17')}" defer></script>
<script th:src="@{/js/md-content.js(v='17')}" defer></script>
<script th:src="@{/js/submit-guard.js(v='17')}" defer></script>
</head>
<body>
<div class="page">
@@ -64,10 +65,10 @@
</header>
<div id="mobile-nav-overlay" class="mobile-nav-overlay" hidden></div>
<nav id="mobile-nav" class="mobile-nav" aria-label="Меню">
<nav id="mobile-nav" class="mobile-nav offcanvas offcanvas-end" aria-label="Меню" tabindex="-1">
<div class="mobile-nav-head">
<span class="logo">LMS<b>.</b></span>
<button class="modal-close mobile-nav-close" type="button" aria-label="Закрыть меню">✕</button>
<button class="dlg-close mobile-nav-close" type="button" aria-label="Закрыть меню">✕</button>
</div>
<div class="mobile-nav-links nav">
<th:block th:if="${currentUser != null}">
@@ -116,12 +117,12 @@
<button class="toast-close" type="button" aria-label="Закрыть">✕</button>
</div>
</div>
<dialog id="modal-confirm" class="modal">
<div class="modal-header">
<h2 class="modal-title" id="confirm-title">Подтверждение</h2>
<button class="modal-close" type="button" aria-label="Закрыть">✕</button>
<dialog id="modal-confirm" class="dlg">
<div class="dlg-header">
<h2 class="dlg-title" id="confirm-title">Подтверждение</h2>
<button class="dlg-close" type="button" aria-label="Закрыть">✕</button>
</div>
<div class="modal-body">
<div class="dlg-body">
<p class="confirm-text" id="confirm-text">—</p>
<div class="flex justify-end gap-2 mt-4">
<button class="btn btn-secondary" type="button" id="confirm-cancel">Отмена</button>