chore: update css, js files

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

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

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"

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;
min-width: 0; vertical-align: middle;
text-overflow: ellipsis; }
white-space: nowrap;
overflow: hidden;
h2 { header .logo {
font-size: 14px; flex: 1 1 auto !important;
} min-width: 0;
} text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
nav { header .logo h2 {
display: none; font-size: 14px;
} }
nav-menu, header nav {
channel-menu { display: none !important;
flex-shrink: 0; }
}
header nav-menu,
header channel-menu {
flex: 0 0 auto !important;
} }
/* /*

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;
} }
} }

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');