DonVoo/Mail-Graveyard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix mailbox action buttons layout

Browse source
This commit is contained in:
DonVoo 2026-07-12 17:45:36 +02:00
parent c87880c544
commit 6ff29d5de7
2 changed files with 12 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
backend/00-router.go
View file

@ -50,9 +50,9 @@ func renderShell(w http.ResponseWriter, active, readingPane string) {
fmt.Fprintf(w, `<!doctype html><html lang="de"><head><meta charset="utf-8"> fmt.Fprintf(w, `<!doctype html><html lang="de"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Mail-Graveyard</title> <title>Mail-Graveyard</title>
<link rel="stylesheet" href="/static/style.css?v=20260712-3"> <link rel="stylesheet" href="/static/style.css?v=20260712-4">
<script src="/static/htmx.min.js"></script> <script src="/static/htmx.min.js"></script>
<script src="/static/app.js?v=20260712-3" defer></script></head> <script src="/static/app.js?v=20260712-4" defer></script></head>
<body class="ol2013"> <body class="ol2013">
<header class="ribbon"> <header class="ribbon">
<nav class="ribbon-tabs"> <nav class="ribbon-tabs">
@ -218,9 +218,9 @@ func renderAccountsPage(w http.ResponseWriter, accounts []Account, edit Account,
fmt.Fprintf(w, `<!doctype html><html lang="de"><head><meta charset="utf-8"> fmt.Fprintf(w, `<!doctype html><html lang="de"><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="viewport" content="width=device-width,initial-scale=1">
<title>Postfach-Verwaltung - Mail-Graveyard</title> <title>Postfach-Verwaltung - Mail-Graveyard</title>
<link rel="stylesheet" href="/static/style.css?v=20260712-3"> <link rel="stylesheet" href="/static/style.css?v=20260712-4">
<script src="/static/htmx.min.js"></script> <script src="/static/htmx.min.js"></script>
<script src="/static/app.js?v=20260712-3" defer></script></head> <script src="/static/app.js?v=20260712-4" defer></script></head>
<body class="ol2013"> <body class="ol2013">
<header class="ribbon"> <header class="ribbon">
<nav class="ribbon-tabs"> <nav class="ribbon-tabs">
@ -251,7 +251,7 @@ func renderAccountsTable(w http.ResponseWriter, accounts []Account, editName str
fmt.Fprint(w, `<div class="ef-empty">Noch keine Postfaecher eingetragen.</div>`) fmt.Fprint(w, `<div class="ef-empty">Noch keine Postfaecher eingetragen.</div>`)
return return
} }
fmt.Fprint(w, `<table class="account-table"><thead><tr><th>Name</th><th>Quelle</th><th>Ziel</th><th>Archiv</th><th>Status</th><th></th></tr></thead><tbody>`) fmt.Fprint(w, `<table class="account-table"><thead><tr><th>Name</th><th>Quelle</th><th>Ziel</th><th>Archiv</th><th>Status</th><th class="actions-col"></th></tr></thead><tbody>`)
for _, a := range accounts { for _, a := range accounts {
activeClass := "" activeClass := ""
if a.Name == editName { if a.Name == editName {

7
frontend-js/dist/style.css vendored
View file

@ -309,6 +309,12 @@ a.tree-node { display: block; color: inherit; text-decoration: none; }
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.account-table .actions-col,
.account-table .row-actions {
width: 204px;
min-width: 204px;
overflow: visible;
}
.account-table th { .account-table th {
color: var(--ol-muted); color: var(--ol-muted);
font-weight: 600; font-weight: 600;
@ -320,6 +326,7 @@ a.tree-node { display: block; color: inherit; text-decoration: none; }
display: flex; display: flex;
gap: 4px; gap: 4px;
justify-content: flex-end; justify-content: flex-end;
white-space: nowrap;
} }
.row-actions form { margin: 0; } .row-actions form { margin: 0; }
.account-form { .account-form {