diff --git a/apps/web/src/app/globals.css b/apps/web/src/app/globals.css index f7a75f9..210c39e 100644 --- a/apps/web/src/app/globals.css +++ b/apps/web/src/app/globals.css @@ -180,6 +180,11 @@ button { font-family: var(--font-mono); font-variant-numeric: tabular-nums; cursor: help; + /* Full 40-char commit hashes, and two of them when the tiers disagree. Hex + offers no break opportunity, so without this the line pushes the page into + horizontal scroll on a phone. */ + min-width: 0; + overflow-wrap: anywhere; } .shell-footer-warn { color: var(--negative); diff --git a/apps/web/src/components/AppShell.tsx b/apps/web/src/components/AppShell.tsx index 0c816c9..a1df301 100644 --- a/apps/web/src/components/AppShell.tsx +++ b/apps/web/src/components/AppShell.tsx @@ -4,7 +4,7 @@ import { useEffect, useRef, useState, type ReactNode } from "react"; import { usePathname, useRouter } from "next/navigation"; import Link from "next/link"; import { getApiVersion, logout, me, updateUiScale, type ServiceVersion } from "@/lib/api"; -import { shortSha, webBuildInfo } from "@/lib/build-info"; +import { webBuildInfo } from "@/lib/build-info"; import { AuthContext, can } from "@/lib/abilities"; import { ROLE_LABEL } from "@/lib/labels"; import { @@ -217,12 +217,16 @@ function BuildFooter() { return (