Replace portal sidebar brand text with Stirling Processor wordmark (#6978)

This commit is contained in:
Anthony Stirling
2026-07-11 12:40:55 +01:00
committed by GitHub
parent 99a5f2a1bc
commit 142544c9af
4 changed files with 13 additions and 27 deletions
File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 19 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 19 KiB

@@ -20,24 +20,13 @@
border-bottom: 1px solid var(--color-sidebar-divider);
}
/* Stirling brand mark (theme-switched in Sidebar.tsx) + product wordmark */
.portal-sidebar__brand {
display: inline-flex;
align-items: center;
gap: 0.4rem;
}
.portal-sidebar__brand-mark {
/* Stirling Processor wordmark (theme-switched in Sidebar.tsx); matches the
editor's 22px wordmark so the two apps read as one brand. */
.portal-sidebar__wordmark {
height: 1.375rem;
width: auto;
display: block;
}
.portal-sidebar__logo-suffix {
font-family: var(--font-brand);
font-size: 1.0625rem;
font-weight: 700;
color: var(--color-text-1);
letter-spacing: 0.01em;
white-space: nowrap;
flex-shrink: 0;
}
/* App switcher (down-arrow → Portal / Editor); button and menu styling live
@@ -7,8 +7,8 @@ import { useTheme } from "@portal/contexts/ThemeContext";
import { useUI } from "@portal/contexts/UIContext";
import { LinkAccountFooterItem } from "@portal/components/LinkAccountFooterItem";
import { EDITOR_URL, EDITOR_IS_SAME_APP } from "@portal/auth/editorUrl";
import markLight from "@app/assets/brand/modern-logo/StirlingPDFLogoNoTextLight.svg";
import markDark from "@app/assets/brand/modern-logo/StirlingPDFLogoNoTextDark.svg";
import wordmarkLight from "@app/assets/brand/modern-logo/StirlingProcessorLogoBlackText.svg";
import wordmarkDark from "@app/assets/brand/modern-logo/StirlingProcessorLogoWhiteText.svg";
import { SettingsIcon } from "@portal/components/icons";
import {
GROUP_PRIMARY,
@@ -61,16 +61,11 @@ export function Sidebar() {
aria-label={t("portal.shell.sidebar.primaryNav")}
>
<div className="portal-sidebar__logo">
<span className="portal-sidebar__brand">
<img
className="portal-sidebar__brand-mark"
src={theme === "dark" ? markDark : markLight}
alt="Stirling"
/>
<span className="portal-sidebar__logo-suffix">
{t("portal.shell.sidebar.brandSuffix")}
</span>
</span>
<img
className="portal-sidebar__wordmark"
src={theme === "dark" ? wordmarkDark : wordmarkLight}
alt={t("portal.shell.sidebar.brandSuffix")}
/>
<AppSwitch
className="portal-sidebar__app-switch"