fix: let header content shrink instead of overflowing
34 unmodified lines3536373839404142438 unmodified lines34 unmodified lines display: 'flex', flex: '1 1 0%', flexDirection: 'column', justifyContent: 'center', minWidth: 0,});
const slot = style({ display: 'flex',8 unmodified lines1 unmodified line23456678927 unmodified lines373839404243414243444 unmodified lines1 unmodified line
import { SCRIM_BACKGROUND } from '#/components/web/Button.css';import { HEADER_HEIGHT } from '#/components/web/Layout/const';import { driven, OVERLAP, SUPPORTS } from '#/components/web/Layout/scroll-away';import { reveal } from '#/components/web/Layout/ScrollAway.css';
import { colors } from '#/styles/colors';import { space, zIndex } from '#/styles/tokens.css';
27 unmodified lines }, },});
export const content = style([reveal, { minWidth: 0 }]);
export const action = style([ { selectors: { '&:hover:not(:disabled)': { boxShadow: 'inset 0 0 0 999px rgb(from currentColor r g b / 0.15)' },4 unmodified lines38 unmodified lines3940414243434445464738 unmodified lines38 unmodified lines return ( <div className={css.outer} ref={ref}> <Layout.Header.BackButton className={css.action} variant="scrim" /> {/* keeps trailing controls aligned while loading */} <Layout.Header.Content className={css.content}> <Layout.Header.Content className={Layout.ScrollAway.reveal}> {!isPlaceholderProfile && ( <> <Text numberOfLines={1} size="lg" weight="bold"> {profile.handle}38 unmodified lines