hnzio/putzliga
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 5 Wiki Activity

fix: improve quick actions and mobile archive nav

Browse Source
This commit is contained in:
Florian Heinz
2026-04-16 12:04:55 +02:00
parent 03d3a50169
commit 11ebb568db
3 changed files with 28 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/__init__.py
View File

@@ -99,6 +99,7 @@ def create_app(config_class: type[Config] = Config) -> Flask:
"mobile_nav_items": [ "mobile_nav_items": [
("tasks.my_tasks", "Meine Aufgaben", "house"), ("tasks.my_tasks", "Meine Aufgaben", "house"),
("tasks.all_tasks", "Alle Aufgaben", "list"), ("tasks.all_tasks", "Alle Aufgaben", "list"),
("tasks.archive_view", "Archiv", "check-double"),
("tasks.calendar_view", "Kalender", "calendar"), ("tasks.calendar_view", "Kalender", "calendar"),
("scoreboard.index", "Highscore", "trophy"), ("scoreboard.index", "Highscore", "trophy"),
("settings.index", "Optionen", "gear"), ("settings.index", "Optionen", "gear"),

21
app/static/css/style.css
View File

@@ -766,6 +766,11 @@ p {
gap: 14px; gap: 14px;
} }
.quick-actions {
display: grid;
gap: 12px;
}
.archive-user-tabs { .archive-user-tabs {
display: flex; display: flex;
gap: 12px; gap: 12px;
@@ -1529,8 +1534,8 @@ p {
right: 8px; right: 8px;
bottom: calc(10px + env(safe-area-inset-bottom)); bottom: calc(10px + env(safe-area-inset-bottom));
display: grid; display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 4px; gap: 3px;
padding: 8px 8px; padding: 8px 8px;
border-radius: 22px; border-radius: 22px;
background: var(--nav-bg); background: var(--nav-bg);
@@ -1544,13 +1549,13 @@ p {
.nav-link { .nav-link {
display: grid; display: grid;
justify-items: center; justify-items: center;
gap: 5px; gap: 4px;
min-width: 0; min-width: 0;
padding: 10px 4px 9px; padding: 10px 3px 9px;
color: var(--muted); color: var(--muted);
border-radius: 16px; border-radius: 16px;
text-align: center; text-align: center;
font-size: 0.66rem; font-size: 0.61rem;
font-weight: 700; font-weight: 700;
line-height: 1.05; line-height: 1.05;
} }
@@ -1558,7 +1563,7 @@ p {
.bottom-nav__item span { .bottom-nav__item span {
display: block; display: block;
width: 100%; width: 100%;
min-height: 2.1em; min-height: 2.3em;
white-space: normal; white-space: normal;
word-break: keep-all; word-break: keep-all;
overflow-wrap: break-word; overflow-wrap: break-word;
@@ -1572,8 +1577,8 @@ p {
.nav-icon, .nav-icon,
.nav-icon svg { .nav-icon svg {
width: 20px; width: 18px;
height: 20px; height: 18px;
display: inline-block; display: inline-block;
} }

2
app/templates/tasks/my_tasks.html
View File

@@ -18,6 +18,7 @@
</article> </article>
<article class="panel highlight-panel"> <article class="panel highlight-panel">
<p class="eyebrow">Schnellzugriff</p> <p class="eyebrow">Schnellzugriff</p>
<div class="quick-actions">
<a class="button button--wide" href="{{ url_for('tasks.create') }}"> <a class="button button--wide" href="{{ url_for('tasks.create') }}">
{{ nav_icon('plus') }} {{ nav_icon('plus') }}
<span>Neue Aufgabe anlegen</span> <span>Neue Aufgabe anlegen</span>
@@ -30,6 +31,7 @@
{{ nav_icon('trophy') }} {{ nav_icon('trophy') }}
<span>Zum aktuellen Highscore</span> <span>Zum aktuellen Highscore</span>
</a> </a>
</div>
</article> </article>
</section> </section>