vrr/openclaw
2
0
Fork 0
mirror of https://github.com/openclaw/openclaw.git synced 2026-07-09 15:59:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 22

fix(ui): remove duplicate OpenClaw brand mark from the macOS app titlebar (#102497)

Browse source 
The sidebar brand row (logo + wordmark) returned in 8295a12a83 but the
macOS-only titlebar mark from #100648 stayed, so the Mac app showed the
claw icon twice. Delete the sidebar-native-brand element and its
CSS gate; the sidebar brand row is the single brand surface and the
native titlebar strip holds only the traffic lights.
This commit is contained in:
Peter Steinberger 2026-07-09 08:23:55 +01:00 • committed by GitHub
parent f0cc5e500f
commit be65173baa
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 0 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

7
ui/src/components/app-sidebar.ts
View file

@ -1657,13 +1657,6 @@ class AppSidebar extends LitElement {
this.activeRouteId !== undefined && isSettingsNavigationRoute(this.activeRouteId);
return html`
<aside class="sidebar ${this.collapsed ? "sidebar--collapsed" : ""}">
<!-- macOS app only (CSS-gated on html.openclaw-native-macos): use the
otherwise-empty native titlebar strip instead of a sidebar row. -->
<img
class="sidebar-native-brand"
src="${controlUiPublicAssetPath("favicon.svg", this.basePath)}"
alt="OpenClaw"
/>
<div class="sidebar-shell">
${this.renderBrand()}
<div class="sidebar-shell__body">

24
ui/src/styles/layout.css
View file

@ -493,30 +493,6 @@
flex-direction: column;
}
/* macOS app only: the native window hides its titlebar and injects
html.openclaw-native-macos plus --openclaw-native-titlebar-height (see
DashboardWindowController.installNativeChromeScript), leaving an empty
strip next to the traffic lights. The brand mark sits there instead of
spending a sidebar row; web builds never show it (breadcrumb has the name). */
.sidebar-native-brand {
display: none;
}
@media (min-width: 700px) {
html.openclaw-native-macos .sidebar:not(.sidebar--collapsed) .sidebar-native-brand {
/* 84px clears the native traffic-light cluster (drag region starts at 78px).
The mark is a transparent SVG; any box-shadow/background reads as a
misplaced card behind the mascot, so it renders bare. */
position: absolute;
top: 0;
left: 84px;
display: block;
width: 22px;
height: 22px;
margin-top: calc((var(--openclaw-native-titlebar-height, 50px) - 22px) / 2);
}
}
.sidebar-shell__footer {
padding: 12px 0 0;
border-top: 1px solid color-mix(in srgb, var(--border) 80%, transparent);