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: // 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 ] // [ Ordnerbaum | Nachrichtenliste | Original | Zielkopie ]
func renderShell(w http.ResponseWriter, active, readingPane string) { func renderShell(w http.ResponseWriter, active, readingPane string) {
w.Header().Set("Content-Type", "text/html; charset=utf-8") 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> <script src="/static/htmx.min.js"></script></head>
<body class="ol2013"> <body class="ol2013">
<header class="ribbon"> <header class="ribbon">
<div class="ribbon-title">Mail-Graveyard</div>
<nav class="ribbon-tabs"> <nav class="ribbon-tabs">
<a class="tab %s" href="/">Umzug</a> <a class="tab %s" href="/accounts">Postf&auml;cher</a>
<a class="tab" href="/accounts">Postf&auml;cher</a>
<a class="tab" href="/view">Betrachten</a> <a class="tab" href="/view">Betrachten</a>
<a class="tab" href="/view">Betrachen</a>
<a class="tab" href="/accounts">Einstellungen</a> <a class="tab" href="/accounts">Einstellungen</a>
</nav> </nav>
<div class="ribbon-title">Mail-Graveyard</div>
</header> </header>
<div class="four-pane"> <div class="four-pane">
<aside class="pane pane-tree" id="tree" <aside class="pane pane-tree" id="tree"

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

@ -37,7 +37,7 @@ body.ol2013 {
height: 44px; height: 44px;
flex: 0 0 auto; 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%; } .ribbon-tabs { display: flex; gap: 2px; height: 100%; }
.tab { .tab {
display: flex; align-items: center; display: flex; align-items: center;