slopus--happy
wehub-resource-sync
98e40dac97
CLI Smoke Test / smoke-test-linux (20) (push) Has been cancelled
CLI Smoke Test / smoke-test-linux (24) (push) Has been cancelled
CLI Smoke Test / smoke-test-windows (20) (push) Has been cancelled
CLI Smoke Test / smoke-test-windows (24) (push) Has been cancelled
Expo App TypeScript typecheck / typecheck (push) Has been cancelled
86 行
2.5 KiB
CSS
86 行
2.5 KiB
CSS
/* Disable overscroll bounce / pull-to-refresh on the whole page.
|
|
Prevents scroll-chaining from inner scrollable elements to the body. */
|
|
html, body {
|
|
overscroll-behavior: none;
|
|
/* macOS Safari's default subpixel AA aliases badly under the body zoom
|
|
below ("chopped" bold, faint regular text); Chrome re-rasterizes and is
|
|
unaffected. Force grayscale AA, and stop Safari faux-bolding the
|
|
already-bold IBMPlexSans-SemiBold family. All three inherit. */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
font-synthesis: none;
|
|
}
|
|
|
|
html.happy-app-zoomed {
|
|
overflow: hidden;
|
|
}
|
|
|
|
html.happy-app-zoomed body {
|
|
width: calc(100vw / var(--happy-app-zoom));
|
|
height: calc(100vh / var(--happy-app-zoom));
|
|
transform-origin: top left;
|
|
}
|
|
|
|
@supports (zoom: 1) {
|
|
html.happy-app-zoomed body {
|
|
zoom: var(--happy-app-zoom);
|
|
}
|
|
}
|
|
|
|
@supports not (zoom: 1) {
|
|
html.happy-app-zoomed body {
|
|
transform: scale(var(--happy-app-zoom));
|
|
}
|
|
}
|
|
|
|
/* Theme-aware scrollbar styles using Unistyles CSS variables.
|
|
Use text-secondary for the thumb so it stays visible on all
|
|
surface colors (divider == surfaceHighest in dark theme). */
|
|
|
|
/* Webkit Scrollbars (Chrome, Safari, Edge) */
|
|
::-webkit-scrollbar {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: rgba(150, 150, 150, 0.4);
|
|
border-radius: 6px;
|
|
border: 2px solid transparent;
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: rgba(150, 150, 150, 0.4);
|
|
background-clip: padding-box;
|
|
}
|
|
|
|
::-webkit-scrollbar-corner {
|
|
background: transparent;
|
|
}
|
|
|
|
/* All browsers — scrollbar-color overrides webkit pseudo-elements
|
|
in modern Chrome/Edge, so this must also use text-secondary. */
|
|
* {
|
|
scrollbar-width: thin;
|
|
scrollbar-color: rgba(150, 150, 150, 0.4) transparent;
|
|
}
|
|
|
|
/* @pierre/diffs (agent file-change diffs in chat) renders its own thin
|
|
6px horizontal scrollbar inside shadow DOM via ::-webkit-scrollbar.
|
|
`scrollbar-color` is an inherited property, so the rule above crosses
|
|
the shadow boundary, forces Chrome onto the fat standard scrollbar and
|
|
ignores Pierre's custom one (Pierre's stylesheet documents this exact
|
|
pitfall). Reset on the host so the inner 6px bar is honored again. One
|
|
rule covers every Pierre surface: WriteView/EditView, InlineFileDiff,
|
|
AllFilesDiffView, FileViewPanel. */
|
|
diffs-container {
|
|
scrollbar-width: auto;
|
|
scrollbar-color: auto;
|
|
}
|