chore: update css, js files

Browse Source
This commit is contained in:
retoor 2026-01-03 18:03:13 +01:00
parent 82ea496f0d
commit af62d24868
5 changed files with 49 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
CHANGELOG.md
View File

@ -23,6 +23,14 @@
## Version 1.24.0 - 2026-01-03
update css, js files
**Changes:** 3 files, 60 lines
**Languages:** CSS (44 lines), JavaScript (16 lines)
## Version 1.23.0 - 2026-01-03 ## Version 1.23.0 - 2026-01-03

2
pyproject.toml
View File

@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
[project] [project]
name = "Snek" name = "Snek"
version = "1.23.0" version = "1.24.0"
readme = "README.md" readme = "README.md"
#license = { file = "LICENSE", content-type="text/markdown" } #license = { file = "LICENSE", content-type="text/markdown" }
description = "Snek Chat Application by Molodetz" description = "Snek Chat Application by Molodetz"

29
src/snek/static/base.css
View File

@ -502,30 +502,35 @@ a {
flex-direction: row !important; flex-direction: row !important;
flex-wrap: nowrap !important; flex-wrap: nowrap !important;
align-items: center !important; align-items: center !important;
justify-content: space-between; justify-content: space-between !important;
gap: 8px; gap: 8px;
padding: 10px 12px; padding: 10px 12px;
}
.logo { header > * {
flex: 1; display: inline-block !important;
vertical-align: middle;
}
header .logo {
flex: 1 1 auto !important;
min-width: 0; min-width: 0;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
}
h2 { header .logo h2 {
font-size: 14px; font-size: 14px;
} }
header nav {
display: none !important;
} }
nav { header nav-menu,
display: none; header channel-menu {
} flex: 0 0 auto !important;
nav-menu,
channel-menu {
flex-shrink: 0;
}
} }
/* /*

3
src/snek/static/channel-menu.css
View File

@ -7,7 +7,8 @@ channel-menu {
@media (max-width: 768px) { @media (max-width: 768px) {
channel-menu { channel-menu {
display: inline-block; display: inline-flex !important;
align-items: center;
} }
} }

16
src/snek/static/nav-menu.js
View File

@ -10,7 +10,8 @@ class NavMenu extends HTMLElement {
const style = document.createElement('style'); const style = document.createElement('style');
style.textContent = ` style.textContent = `
:host { :host {
display: inline-block; display: inline-flex;
align-items: center;
position: relative; position: relative;
} }
@ -118,6 +119,19 @@ class NavMenu extends HTMLElement {
.menu-item.hidden { .menu-item.hidden {
display: none; display: none;
} }
@media (max-width: 768px) {
.menu-panel {
position: fixed;
top: 50px;
right: 8px;
left: 8px;
margin-top: 0;
min-width: unset;
max-height: calc(100vh - 70px);
overflow-y: auto;
}
}
`; `;
const container = document.createElement('div'); const container = document.createElement('div');