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

Mobile: burger primary right, theme in header, sidebar from right, learn rows wrap with actions below; pencil for all edit actions

Browse Source
This commit is contained in:
Vladislav Kopnin
2026-10-02 23:12:32 +03:00
parent 6c560fdd80
commit 8c75fd1c8e
9 changed files with 46 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -731,20 +731,29 @@ th.th-filterable { padding-bottom: 0.35rem; }
.offscreen { position: fixed; top: -1000px; left: 0; }
/* ---- Мобильное меню: бургер в хэдере, ссылки в выезжающем сайдбаре ---- */
/* Материалы на мобильных: действия переносятся под заголовок */
@media (max-width: 720px) {
.sort-row, .sort-list > li { flex-wrap: wrap; row-gap: 0.35rem; }
.sort-row .sort-actions, .sort-list > li .sort-actions { margin-left: 2.4rem; width: calc(100% - 2.4rem); justify-content: flex-start; }
.sort-row .sort-title { flex: 1 1 auto; }
}
/* ---- Мобильное меню: бургер в хэдере, ссылки в выезжающем сайдбаре справа ---- */
.nav-burger { display: none; }
.mobile-nav { display: none; }
.mobile-nav-overlay { display: none; }
@media (max-width: 720px) {
.nav { display: none; }
.page-header .user { display: none; }
.page-header .theme-btn { margin-left: auto; }
.nav-burger { display: inline-flex; }
.mobile-nav {
display: flex; flex-direction: column; gap: 1rem;
position: fixed; top: 0; left: 0; bottom: 0; width: 17rem; max-width: 86vw;
z-index: 120; background: var(--c-surface); border-right: 1px solid var(--c-border);
position: fixed; top: 0; right: 0; bottom: 0; left: auto; width: 17rem; max-width: 86vw;
z-index: 120; background: var(--c-surface);
border-right: none; border-left: 1px solid var(--c-border);
padding: 1rem; overflow-y: auto;
transform: translateX(-100%); transition: transform 0.2s;
transform: translateX(100%); transition: transform 0.2s;
}
.mobile-nav.open { transform: none; }
.mobile-nav-overlay { display: block; position: fixed; inset: 0; z-index: 110; background: rgba(0, 0, 0, 0.45); }