vfs/party
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web mobile changes

Browse Source
This commit is contained in:
Vicente Ferrari Smith 2026-05-13 21:03:49 +02:00
parent 6f6eea5529
commit 529bb6336e
9 changed files with 38 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
cmd/party/users_test.go
View File

@ -18,7 +18,7 @@ func TestReadUserHandler(t *testing.T) {
code, _, body := ts.getWithToken(t, "/v1/users/1", token) code, _, body := ts.getWithToken(t, "/v1/users/1", token)
if code != 200 { if code != 200 {
t.Errorf("want %d; got %d", 200, code) t.Errorf("want %d; got %d", 403, code)
} }
if !bytes.Contains(body, []byte("An old silent pond...")) { if !bytes.Contains(body, []byte("An old silent pond...")) {

2
web/html/base.layout.tmpl
View File

@ -13,7 +13,7 @@
<body> <body>
{{if .AuthenticatedUser}} {{if .AuthenticatedUser}}
<nav style="border-bottom:1px solid var(--border); background:var(--bg-card);"> <nav style="border-bottom:1px solid var(--border); background:var(--bg-card);">
<div class="container" style="display:flex; align-items:center; gap:20px; padding:10px 0;"> <div class="container" style="display:flex; align-items:center; gap:10px 20px; padding-top:10px; padding-bottom:10px; flex-wrap:wrap;">
<a href="/" class="link">Start</a> <a href="/" class="link">Start</a>
<a href="/issues" class="link">Abstimmungen</a> <a href="/issues" class="link">Abstimmungen</a>
<a href="/mps" class="link">Nationalrat</a> <a href="/mps" class="link">Nationalrat</a>

2
web/html/home.page.tmpl
View File

@ -4,7 +4,7 @@
{{define "body"}} {{define "body"}}
<div style="text-align:center; padding: 40px 0 24px;"> <div style="text-align:center; padding: 40px 0 24px;">
<img src="/static/logo.svg" alt="DPÖ Logo" style="height: 600px; width: auto;"> <img src="/static/logo.svg" alt="DPÖ Logo" style="height: auto; max-height: 600px; width: 100%; max-width: 600px;">
</div> </div>
<div class="page-header"> <div class="page-header">

2
web/html/home_anonymous.page.tmpl
View File

@ -4,7 +4,7 @@
{{define "body"}} {{define "body"}}
<div style="text-align:center; padding: 40px 0 24px;"> <div style="text-align:center; padding: 40px 0 24px;">
<img src="/static/logo.svg" alt="DPÖ Logo" style="height: 600px; width: auto;"> <img src="/static/logo.svg" alt="DPÖ Logo" style="height: auto; max-height: 600px; width: 100%; max-width: 600px;">
</div> </div>
<div class="hero"> <div class="hero">

2
web/html/mps.page.tmpl
View File

@ -14,7 +14,7 @@
{{.Name}} {{.Name}}
<span style="font-size: 13px; font-weight: 500; color: var(--text-muted); font-family: 'Source Sans 3', sans-serif;">{{len .Members}} Mandate</span> <span style="font-size: 13px; font-weight: 500; color: var(--text-muted); font-family: 'Source Sans 3', sans-serif;">{{len .Members}} Mandate</span>
</h2> </h2>
<div style="background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; box-shadow: var(--shadow);"> <div style="background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); box-shadow: var(--shadow);" class="table-scroll">
<table style="width: 100%; border-collapse: collapse; font-size: 14px;"> <table style="width: 100%; border-collapse: collapse; font-size: 14px;">
<thead> <thead>
<tr style="background: var(--bg); border-bottom: 1px solid var(--border);"> <tr style="background: var(--bg); border-bottom: 1px solid var(--border);">

2
web/html/parlvotedetail.page.tmpl
View File

@ -50,7 +50,7 @@
</div> </div>
{{/* ── Two-column faction breakdown ─────────────────────────────────────── */}} {{/* ── Two-column faction breakdown ─────────────────────────────────────── */}}
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 20px;"> <div class="faction-grid">
{{/* Yes column */}} {{/* Yes column */}}
<div> <div>

2
web/html/parlvotesrows.frag.tmpl
View File

@ -34,7 +34,7 @@
<span>{{.Label}}</span> <span>{{.Label}}</span>
<span style="font-size: 12px; font-weight: 400; color: var(--text-muted);">{{len .Docs}}</span> <span style="font-size: 12px; font-weight: 400; color: var(--text-muted);">{{len .Docs}}</span>
</summary> </summary>
<div style="border: 1px solid var(--border); border-top: none; border-radius: 0 0 var(--radius) var(--radius); overflow: hidden; background: var(--bg-card);"> <div style="border: 1px solid var(--border); border-top: none; border-radius: 0 0 var(--radius) var(--radius); background: var(--bg-card);" class="table-scroll">
<table style="width: 100%; border-collapse: collapse; font-size: 14px;"> <table style="width: 100%; border-collapse: collapse; font-size: 14px;">
<thead> <thead>
<tr style="background: var(--bg); border-bottom: 1px solid var(--border);"> <tr style="background: var(--bg); border-bottom: 1px solid var(--border);">

4
web/html/register.page.tmpl
View File

@ -18,7 +18,7 @@
{{end}} {{end}}
<form method="POST" action="/register"> <form method="POST" action="/register">
<div style="display:grid; grid-template-columns:1fr 1fr; gap: 0 16px;"> <div class="form-row-2">
<div class="form-group"> <div class="form-group">
<label class="form-label" for="name">Vollständiger Name</label> <label class="form-label" for="name">Vollständiger Name</label>
<input class="form-input" type="text" id="name" name="name" <input class="form-input" type="text" id="name" name="name"
@ -49,7 +49,7 @@
placeholder="••••••••" required autocomplete="new-password"> placeholder="••••••••" required autocomplete="new-password">
</div> </div>
<div style="display:grid; grid-template-columns:1fr 1fr; gap: 0 16px;"> <div class="form-row-2">
<div class="form-group"> <div class="form-group">
<label class="form-label" for="phone_number">Telefonnummer</label> <label class="form-label" for="phone_number">Telefonnummer</label>
<input class="form-input" type="tel" id="phone_number" name="phone_number" <input class="form-input" type="tel" id="phone_number" name="phone_number"

29
web/static/style.css
View File

@ -430,11 +430,40 @@ a:hover {
color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.2);
} }
/* ── Table scroll wrapper ── */
.table-scroll {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
/* ── 2-col form row ── */
.form-row-2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 16px;
}
/* ── Faction breakdown grid ── */
.faction-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-bottom: 20px;
}
/* ── Responsive ── */ /* ── Responsive ── */
@media (max-width: 600px) { @media (max-width: 600px) {
.brand-name { display: none; } .brand-name { display: none; }
.hero-title { font-size: 36px; } .hero-title { font-size: 36px; }
.hero { padding: 40px 0 32px; margin-bottom: 32px; }
.auth-card { padding: 24px; } .auth-card { padding: 24px; }
.card-grid { grid-template-columns: 1fr; } .card-grid { grid-template-columns: 1fr; }
.form-row-2 { grid-template-columns: 1fr; }
.faction-grid { grid-template-columns: 1fr; }
.site-main { padding: 28px 0 40px; }
} }