diff --git a/CHANGELOG.md b/CHANGELOG.md index 1592bb6..763afa4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -19,6 +19,14 @@ + + +## Version 1.20.0 - 2026-01-03 + +update css files + +**Changes:** 2 files, 25 lines +**Languages:** CSS (25 lines) ## Version 1.19.0 - 2026-01-03 diff --git a/pyproject.toml b/pyproject.toml index e7635a6..2c65e9e 100644 --- a/pyproject.toml +++ b/pyproject.toml @@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta" [project] name = "Snek" -version = "1.19.0" +version = "1.20.0" readme = "README.md" #license = { file = "LICENSE", content-type="text/markdown" } description = "Snek Chat Application by Molodetz" diff --git a/src/snek/static/base.css b/src/snek/static/base.css index aead386..58fe7c8 100644 --- a/src/snek/static/base.css +++ b/src/snek/static/base.css @@ -498,14 +498,17 @@ a { top: 0; left: 0; width: 100%; - display: flex; - flex-direction: row; - align-items: center; + display: flex !important; + flex-direction: row !important; + flex-wrap: nowrap !important; + align-items: center !important; justify-content: space-between; gap: 8px; + padding: 10px 12px; .logo { flex: 1; + min-width: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; @@ -518,6 +521,11 @@ a { nav { display: none; } + + nav-menu, + channel-menu { + flex-shrink: 0; + } } /* diff --git a/src/snek/static/channel-menu.css b/src/snek/static/channel-menu.css index c14b2fb..d653394 100644 --- a/src/snek/static/channel-menu.css +++ b/src/snek/static/channel-menu.css @@ -36,18 +36,17 @@ channel-menu[open] .channel-menu-toggle { } .channel-menu-panel { - position: absolute; - top: 100%; - right: 0; - margin-top: 8px; + position: fixed; + top: 50px; + right: 8px; + left: 8px; background-color: #111; border: 1px solid #333; border-radius: 8px; padding: 8px 0; display: none; flex-direction: column; - min-width: 200px; - max-height: 60vh; + max-height: calc(100vh - 70px); overflow-y: auto; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); z-index: 1000;