Skip to content

ui: link to the project's GitHub from the app bar #26

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
valentinps merged 1 commit into from
Sep 6, 2026
Merged

ui: link to the project's GitHub from the app bar #26

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 11 additions & 0 deletions map/static/map/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -121,6 +121,17 @@
</button>
</div>
</div>
<!-- Project home. An external link, so it is set apart from the app's own
controls by a hairline and kept icon-only: it must never grow the right
cluster enough to push the centred search field off-centre. -->
<span class="topBarDivider" aria-hidden="true"></span>
<a id="githubLink" class="btn btn-ghost btn-icon"
href="https://github.com/valentinps/satisfactorymap" target="_blank"
rel="noopener" title="View this project on GitHub" aria-label="View this project on GitHub">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="18" height="18" aria-hidden="true">
<path fill="currentColor" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8Z"/>
</svg>
</a>
</div>
</header>

Expand Down
26 changes: 26 additions & 0 deletions map/static/map/map.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -740,6 +740,32 @@ button:focus-visible, select:focus-visible, input[type="checkbox"]:focus-visible
cursor: default;
}

/* Hairline between the app's own controls and the external project link, so
the GitHub mark reads as "about this project" rather than one more view to
open. Sized off the bar row, not the full bar height. */
.topBarDivider {
flex: none;
width: 1px;
height: 22px;
margin: 0 var(--sp-1);
background: var(--border);
}

/* Icon-only on purpose: it mirrors the menu button at the far left end of the
bar, and a labelled pill here would unbalance the two side sections the
search field is centred between. */
#githubLink {
flex: none;
/* Not .btn-ghost's resting --faint: this is the one wayfinding link in the
chrome, so it rests at the same weight as the pill labels beside it and
only brightens (plus a raised ground) on hover. */
color: var(--text);
height: 34px;
min-width: 34px;
width: 34px;
border-radius: var(--r-md);
}

#statusMenuButton .statusMenuChevron {
color: var(--muted);
transition: transform 0.15s ease;
Expand Down
Loading