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

Move app title to right side of ribbon

Browse source
This commit is contained in:
DonVoo 2026-07-06 07:13:09 +02:00
parent cc15771262
commit a4ea4c120e
2 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

8
backend/00-router.go
View file

@ -33,7 +33,7 @@ func homeHandler(w http.ResponseWriter, r *http.Request) {
}
// renderShell ist das Grundgeruest im Outlook-2013-Look:
// [ Ribbon: Umzug | Postfaecher | Betrachten | Weiterleiten | Einstellungen ]
// [ Ribbon: Postfaecher | Betrachten | Betrachen | Einstellungen | Mail-Graveyard ]
// [ Ordnerbaum | Nachrichtenliste | Original | Zielkopie ]
func renderShell(w http.ResponseWriter, active, readingPane string) {
w.Header().Set("Content-Type", "text/html; charset=utf-8")
@ -44,13 +44,13 @@ func renderShell(w http.ResponseWriter, active, readingPane string) {
<script src="/static/htmx.min.js"></script></head>
<body class="ol2013">
<header class="ribbon">
<div class="ribbon-title">Mail-Graveyard</div>
<nav class="ribbon-tabs">
<a class="tab %s" href="/">Umzug</a>
<a class="tab" href="/accounts">Postf&auml;cher</a>
<a class="tab %s" href="/accounts">Postf&auml;cher</a>
<a class="tab" href="/view">Betrachten</a>
<a class="tab" href="/view">Betrachen</a>
<a class="tab" href="/accounts">Einstellungen</a>
</nav>
<div class="ribbon-title">Mail-Graveyard</div>
</header>
<div class="four-pane">
<aside class="pane pane-tree" id="tree"

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

@ -37,7 +37,7 @@ body.ol2013 {
height: 44px;
flex: 0 0 auto;
}
.ribbon-title { font-weight: 600; font-size: 15px; letter-spacing: .2px; }
.ribbon-title { margin-left: auto; font-weight: 700; font-size: 15px; letter-spacing: .2px; }
.ribbon-tabs { display: flex; gap: 2px; height: 100%; }
.tab {
display: flex; align-items: center;