kai/pingu-concerts
1
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

Compact chat view and unify header controls

Browse Source
This commit is contained in:
MetalCircle Codex Bot
2026-09-15 12:07:00 +02:00
parent 59e9299883
commit 50bf79965f
23 changed files with 78 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/css/language.css
+18 -12
View File
@@ -1,26 +1,32 @@
/* Persistent language choice, also available before login. */
.language-switch {
display: flex;
justify-content: flex-end;
gap: 4px;
max-width: 1100px;
margin: 8px auto 0;
padding: 0 20px;
align-items: center;
justify-content: center;
flex: 0 0 auto;
margin: 0;
padding: 0;
}
.language-switch a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
min-height: 44px;
width: 38px;
height: 36px;
border: 1px solid var(--border, #30363d);
border-radius: 6px;
border-radius: 8px;
color: var(--text, #222);
font-weight: 700;
font-family: system-ui, sans-serif;
font-size: 1.2rem;
line-height: 1;
text-decoration: none;
}
.language-switch a.active { background: #922525; color: #fff; border-color: #c74747; }
.language-switch a:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
.header-actions .language-switch { margin: 0; padding: 0; }
.detail-topbar .language-switch { margin: 0 0 0 auto; padding: 0; }
.language-switch a:hover { background: #7f1d1d; }
.header-controls { display: flex; align-items: center; justify-content: flex-end; gap: 6px; margin-left: auto; }
.header-controls .user-menu { margin-left: 0; }
.header-inner > .language-switch { margin-left: auto; }
.header-actions > .header-controls { flex: 0 0 auto; }
.detail-topbar > .header-controls { flex: 0 0 auto; }
.registration-header { display: flex; justify-content: flex-end; margin: -36px 0 12px; }
app/static/css/style.css
+7 -4
View File
@@ -50,7 +50,7 @@ body > header {
.header-inner {
max-width: 1100px;
margin: 0 auto;
padding: 18px 20px;
padding: 8px 20px;
display: flex;
align-items: center;
@@ -227,9 +227,13 @@ main {
@media (max-width: 600px) {
.header-inner {
padding: 15px;
padding: 7px 12px;
}
.logo { max-width: 130px; }
.brand-logo { width: 130px !important; max-width: 130px !important; height: 40px !important; max-height: 40px !important; }
.header-controls .user-menu summary { max-width: 34vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
main {
padding: 22px 15px 80px;
}
@@ -244,8 +248,7 @@ main {
.header-actions { width: 100%; justify-content: flex-start; }
.header-actions > a { flex: 1 1 auto; text-align: center; }
.header-actions .user-menu { margin-left: 0; }
.header-actions .user-menu-panel { left: 0; right: auto; max-width: calc(100vw - 30px); }
.header-actions > .header-controls { margin-left: auto; }
}
form {
max-width: 650px;