Global: Move carrier icon attribution into the app shell footer #44

New issue

Closed

opened 2026-06-27 15:41:16 +02:00 by bullitt · 1 comment

bullitt commented

2026-06-27 15:41:16 +02:00

Owner

Problem

The carrier icon attribution ("Carrier icons by 50north.de, CC BY 4.0") is displayed at the bottom of the Settings page. Settings is the wrong place for a license attribution — it's not a setting, it's a legal notice. Users who never visit Settings will never see it, and users who are in Settings to configure scrapers are surprised by it.

Implementation

File: frontend/src/pages/Settings.tsx — remove the attribution paragraph (last ~7 lines before the closing </div>):

// DELETE this block:
<p className="text-xs text-muted-foreground text-center pt-2">
  Carrier icons by{" "}
  <a href="https://50north.de" ...>50north.de</a>
  {", "}
  <a href="https://creativecommons.org/licenses/by/4.0/" ...>CC BY 4.0</a>
</p>

File: frontend/src/App.tsx — add a footer inside the main content area, visible on all pages:

// Inside the <main> wrapper, after <Routes>, or as a persistent footer in the sidebar:
<footer className="hidden md:block p-3 border-t border-border text-xs text-muted-foreground text-center">
  Carrier icons by{" "}
  <a href="https://50north.de" target="_blank" rel="noopener noreferrer" className="underline hover:text-foreground">
    50north.de
  </a>
  {" · "}
  <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noopener noreferrer" className="underline hover:text-foreground">
    CC BY 4.0
  </a>
</footer>

Place the footer at the bottom of the sidebar (<aside>) so it's present on desktop without cluttering the main content area.

Acceptance criteria

Attribution is removed from Settings page
Attribution appears in the sidebar footer on desktop (below the theme toggle area)
Attribution is not shown on mobile (or shown in a mobile-appropriate location)

Brand identity alignment

Attribution is a legal/open-source signal, not a setting. Moving it into the shell supports the self-hosted/open-source feel without cluttering task screens.

Brand-compliant implementation notes

Place attribution in the sidebar footer below the theme toggle or in a similarly low-priority shell location.
Keep text small, neutral, and non-disruptive.
Preserve the lowercase trackbox wordmark and avoid turning the footer into a marketing block.

Additional acceptance criteria

Attribution is visible in an appropriate persistent desktop location.
It does not compete with operational content or settings controls.
Mobile treatment is either omitted or placed where it does not interfere with bottom navigation.

Migrated from GitHub issue #23: https://github.com/bullitt186/trackbox/issues/23
Original author: @bullitt186
Original created: 2026-06-27T13:25:54Z
Original labels: ux

## Problem The carrier icon attribution ("Carrier icons by 50north.de, CC BY 4.0") is displayed at the bottom of the Settings page. Settings is the wrong place for a license attribution — it's not a setting, it's a legal notice. Users who never visit Settings will never see it, and users who are in Settings to configure scrapers are surprised by it. ## Implementation File: `frontend/src/pages/Settings.tsx` — remove the attribution paragraph (last ~7 lines before the closing `</div>`): ```tsx // DELETE this block: <p className="text-xs text-muted-foreground text-center pt-2"> Carrier icons by{" "} <a href="https://50north.de" ...>50north.de</a> {", "} <a href="https://creativecommons.org/licenses/by/4.0/" ...>CC BY 4.0</a> </p> ``` File: `frontend/src/App.tsx` — add a footer inside the main content area, visible on all pages: ```tsx // Inside the <main> wrapper, after <Routes>, or as a persistent footer in the sidebar: <footer className="hidden md:block p-3 border-t border-border text-xs text-muted-foreground text-center"> Carrier icons by{" "} <a href="https://50north.de" target="_blank" rel="noopener noreferrer" className="underline hover:text-foreground"> 50north.de </a> {" · "} <a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="noopener noreferrer" className="underline hover:text-foreground"> CC BY 4.0 </a> </footer> ``` Place the footer at the bottom of the sidebar (`<aside>`) so it's present on desktop without cluttering the main content area. ## Acceptance criteria - Attribution is removed from Settings page - Attribution appears in the sidebar footer on desktop (below the theme toggle area) - Attribution is not shown on mobile (or shown in a mobile-appropriate location) ## Brand identity alignment Attribution is a legal/open-source signal, not a setting. Moving it into the shell supports the self-hosted/open-source feel without cluttering task screens. ## Brand-compliant implementation notes - Place attribution in the sidebar footer below the theme toggle or in a similarly low-priority shell location. - Keep text small, neutral, and non-disruptive. - Preserve the lowercase `trackbox` wordmark and avoid turning the footer into a marketing block. ## Additional acceptance criteria - Attribution is visible in an appropriate persistent desktop location. - It does not compete with operational content or settings controls. - Mobile treatment is either omitted or placed where it does not interfere with bottom navigation. --- Migrated from GitHub issue #23: https://github.com/bullitt186/trackbox/issues/23 Original author: @bullitt186 Original created: 2026-06-27T13:25:54Z Original labels: ux

bullitt added the

label

2026-06-27 15:41:16 +02:00

bullitt changed title from ~~Settings: Move carrier icon attribution to App footer, not Settings page~~ to Global: Move carrier icon attribution into the app shell footer

2026-06-27 15:46:22 +02:00

bullitt referenced this issue from a commit

2026-06-27 15:59:48 +02:00

UX: implement all 28 open UX issues (#22–#49)

bullitt commented

2026-06-27 16:03:21 +02:00

Author

Owner

Implemented in commit bd6b0e7. Removed the attribution paragraph from the bottom of the Settings page. Added a small footer block in the App sidebar below the ThemeToggle (hidden on mobile with hidden md:block): 'Icons by 50north.de, CC BY 4.0' with links. Attribution is now visible on every page in the sidebar rather than only in Settings, and doesn't compete with configuration content.

Implemented in commit bd6b0e7. Removed the attribution paragraph from the bottom of the Settings page. Added a small footer block in the App sidebar below the ThemeToggle (hidden on mobile with `hidden md:block`): 'Icons by 50north.de, CC BY 4.0' with links. Attribution is now visible on every page in the sidebar rather than only in Settings, and doesn't compete with configuration content.

bullitt closed this issue

2026-06-27 16:03:21 +02:00

bullitt referenced this issue from a commit

2026-06-28 16:10:38 +02:00

UX: implement all 28 open UX issues (#22–#49)