38 lines
1.0 KiB
CSS
38 lines
1.0 KiB
CSS
/* macOS keeps native traffic lights; only the underlying rail is app-painted. */
|
|
html[data-desktop-chrome='mac-inset'] {
|
|
--window-titlebar-height: 40px;
|
|
}
|
|
|
|
.window-titlebar {
|
|
position: fixed;
|
|
inset: 0 0 auto;
|
|
z-index: 100;
|
|
display: flex;
|
|
align-items: center;
|
|
height: var(--window-titlebar-height, 40px);
|
|
padding: 0 20px 0 92px;
|
|
color: #526d87;
|
|
background: #eef2f7;
|
|
border-bottom: 1px solid rgba(207, 219, 232, .55);
|
|
font-size: 12px;
|
|
font-weight: 550;
|
|
letter-spacing: .1px;
|
|
user-select: none;
|
|
-webkit-app-region: drag;
|
|
app-region: drag;
|
|
}
|
|
|
|
.window-titlebar > span {
|
|
pointer-events: none;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* Leave all regular controls and the native browser slot below the rail.
|
|
Its measured DOM bounds continue to drive BrowserHost without transforms. */
|
|
html[data-desktop-chrome='mac-inset'] .chat-app.blue-preview {
|
|
margin-top: calc(var(--window-titlebar-height) + 12px);
|
|
height: calc(100dvh - var(--window-titlebar-height) - 32px);
|
|
}
|