fix: state header edge slots explicitly
74 unmodified lines757677787979808182832 unmodified lines8687888990909192939496 unmodified lines74 unmodified lines {m['screens.hashtag.fromAuthor']({ author: sanitizedAuthor })} </Layout.Header.SubtitleText> )} </Layout.Header.Content> <Layout.Header.Slot> <Layout.Header.EndSlot> <Button color="primary" label={m['common.share.action.share']()} onClick={onShare}2 unmodified lines variant="ghost" > <ButtonIcon icon={Share} /> </Button> </Layout.Header.Slot> </Layout.Header.EndSlot> </Layout.Header.Outer> } /> </Layout.Screen>96 unmodified lines49 unmodified lines505152535454555657582 unmodified lines6162636465656667686960 unmodified lines49 unmodified lines <Layout.Header.BackButton /> <Layout.Header.Content> <Layout.Header.TitleText>{headerTitle}</Layout.Header.TitleText> </Layout.Header.Content> <Layout.Header.Slot> <Layout.Header.EndSlot> <Button color="primary" label={m['common.share.action.share']()} onClick={onShare}2 unmodified lines variant="ghost" > <ButtonIcon icon={Share} /> </Button> </Layout.Header.Slot> </Layout.Header.EndSlot> </Layout.Header.Outer> } /> </Layout.Screen>60 unmodified lines117 unmodified linesExpand all1181191201211221221231241251269 unmodified lines13613713813914014014114214314426 unmodified lines17117217317417517517617717817915 unmodified lines1951961971981991992002012022038 unmodified lines117 unmodified linesExpand all <MuteStatus muted={convo.view.muted} /> </div> </div>
<Layout.Header.Slot> <Layout.Header.EndSlot> <ConvoMenu blockInfo={blockInfo} convo={convo} currentScreen="conversation"9 unmodified lines <ButtonIcon icon={DotsHorizontalIcon} size="md" /> </Button> } /> </Layout.Header.Slot> </Layout.Header.EndSlot> </> );}
26 unmodified lines {nameBlock} </Link> )}
<Layout.Header.Slot> <Layout.Header.EndSlot> {disabled ? ( <Button color="secondary" disabled15 unmodified lines > <ButtonIcon icon={DotsHorizontalIcon} size="md" /> </LinkButton> )} </Layout.Header.Slot> </Layout.Header.EndSlot> </> );}
8 unmodified lines336 unmodified linesExpand all3373383393403413413423433443452 unmodified lines34834935035135235235335435535682 unmodified lines336 unmodified linesExpand all <Layout.Header.BackButton /> <Layout.Header.Content> <Layout.Header.TitleText>{m['common.nav.feeds']()}</Layout.Header.TitleText> </Layout.Header.Content> <Layout.Header.Slot> <Layout.Header.EndSlot> <LinkButton color="secondary" label={m['common.feeds.action.edit']()} shape="round"2 unmodified lines variant="ghost" > <ButtonIcon icon={Gear} size="lg" /> </LinkButton> </Layout.Header.Slot> </Layout.Header.EndSlot> </Layout.Header.Outer> <List data={items} estimateHeight={FEED_ITEM_HEIGHT_ESTIMATE}82 unmodified lines37 unmodified lines383940414242434445462 unmodified lines495051525353545556576 unmodified lines37 unmodified lines <Layout.Header.Content> <Layout.Header.TitleText>{m['common.list.label']()}</Layout.Header.TitleText> </Layout.Header.Content>
<Layout.Header.Slot> <Layout.Header.EndSlot> <Button label={m['common.list.action.new']()} color="secondary" size="small"2 unmodified lines > <ButtonIcon icon={PlusIcon} /> <ButtonText>{m['common.status.new']()}</ButtonText> </Button> </Layout.Header.Slot> </Layout.Header.EndSlot> </Layout.Header.Outer> <MyLists filter="curate" /> <CreateOrEditListDialog purpose="app.bsky.graph.defs#curatelist"6 unmodified lines296 unmodified linesExpand all29729829930030130130230330430511 unmodified lines3173183193203213213223233243253263273283293303303313323333347 unmodified lines34234334434534634634734834935056 unmodified lines296 unmodified linesExpand all <Layout.Header.Content> <Layout.Header.TitleText>{m['screens.messages.chats.title']()}</Layout.Header.TitleText> </Layout.Header.Content>
<Layout.Header.Slot> <Layout.Header.EndSlot> <InboxRequests count={requestCount} variant="solid" action={action} /> <ChatSettingsMenu render={ <Button label={m['common.chat.optionsLabel']()} size="small" color="secondary" shape="round">11 unmodified lines > <ButtonIcon icon={NewChatIcon} /> </Button> )} </Layout.Header.Slot> </Layout.Header.EndSlot> </> ) : ( <> <Layout.Header.MenuButton /> <Layout.Header.Content> <Layout.Header.TitleText>{m['screens.messages.chats.title']()}</Layout.Header.TitleText> </Layout.Header.Content>
<Layout.Header.Slot> <Layout.Header.EndSlot> <InboxRequests count={requestCount} variant="ghost" />
<ChatSettingsMenu render={7 unmodified lines <ButtonIcon icon={SettingsIcon} size="lg" /> </Button> } /> </Layout.Header.Slot> </Layout.Header.EndSlot> </> )} </Layout.Header.Outer> );56 unmodified lines71 unmodified lines72737475767677787879808182155 unmodified linesExpand all71 unmodified lines <Layout.Header.TitleText>{m['screens.messages.requests.title']()}</Layout.Header.TitleText> </Layout.Header.Content>
{hasUnreadConvos && ( <Layout.Header.Slot> <Layout.Header.EndSlot> <MarkAsReadHeaderButton /> </Layout.Header.Slot> </Layout.Header.EndSlot> )} </Layout.Header.Outer> <RequestList listConvosQuery={listConvosQuery} conversations={conversations} /> </Layout.Screen>155 unmodified linesExpand all37 unmodified lines383940414242434445462 unmodified lines495051525353545556578 unmodified lines37 unmodified lines <Layout.Header.Content> <Layout.Header.TitleText>{m['common.moderation.listsTitle']()}</Layout.Header.TitleText> </Layout.Header.Content>
<Layout.Header.Slot> <Layout.Header.EndSlot> <Button label={m['common.list.action.new']()} color="secondary" variant="solid"2 unmodified lines > <ButtonIcon icon={PlusIcon} /> <ButtonText>{m['common.status.new']()}</ButtonText> </Button> </Layout.Header.Slot> </Layout.Header.EndSlot> </Layout.Header.Outer>
<MyLists filter="mod" />
8 unmodified lines51 unmodified lines525354555656575859601 unmodified line62636465666667686970124 unmodified linesExpand all51 unmodified lines <Layout.Header.Content> <Layout.Header.TitleText>{m['screens.moderation.mutedWord.title']()}</Layout.Header.TitleText> </Layout.Header.Content>
<Layout.Header.Slot> <Layout.Header.EndSlot> <Button color="secondary" label={m['common.mutedWord.action.add']()} onClick={() => dialogHandle.open(null)}1 unmodified line > <ButtonIcon icon={Plus} /> <ButtonText>{m['common.action.add']()}</ButtonText> </Button> </Layout.Header.Slot> </Layout.Header.EndSlot> </Layout.Header.Outer>
<Layout.Content> {error ? (124 unmodified linesExpand all93 unmodified lines949596979898991001011026 unmodified lines109110111112113113114115116117105 unmodified linesExpand all93 unmodified lines <Layout.Header.Content> <Layout.Header.TitleText>{m['common.nav.notifications']()}</Layout.Header.TitleText> </Layout.Header.Content>
<Layout.Header.Slot> <Layout.Header.EndSlot> <LinkButton to={{ name: 'NotificationSettings' }} label={m['common.notifications.settingsTitle']()} size="small"6 unmodified lines ) : ( <ButtonIcon icon={SettingsIcon} size="lg" /> )} </LinkButton> </Layout.Header.Slot> </Layout.Header.EndSlot> </Layout.Header.Outer> } /> <FAB icon={EditBigIcon} label={m['common.compose.action.new']()} onClick={() => openComposer({})} />105 unmodified linesExpand all399 unmodified linesExpand all40040140240340440440540640740840941041141141241341441534 unmodified lines399 unmodified linesExpand all <Layout.Header.BackButton /> <Layout.Header.Content> <Layout.Header.TitleText>{m['navigation.post.title']()}</Layout.Header.TitleText> </Layout.Header.Content> <Layout.Header.Slot> <Layout.Header.EndSlot> <HeaderDropdown sort={thread.state.sort} setSort={setSortWrapped} view={thread.state.view} setView={setViewWrapped} /> </Layout.Header.Slot> </Layout.Header.EndSlot> </Layout.Header.Outer> {thread.state.error ? ( <ThreadError error={thread.state.error} onRetry={() => void thread.actions.refetch()} /> ) : (34 unmodified lines231 unmodified linesExpand all2322332342352362362372382392406 unmodified lines24724824925025125125225325425573 unmodified lines231 unmodified linesExpand all <Layout.Header.BackButton /> <Layout.Header.Content> <Layout.Header.TitleText>{m['common.nav.feeds']()}</Layout.Header.TitleText> </Layout.Header.Content> <Layout.Header.Slot> <Layout.Header.EndSlot> <Button size="small" color={hasUnsavedChanges ? 'primary' : 'secondary'} onClick={() => void onSaveChanges()}6 unmodified lines <ButtonIcon icon={SaveIcon} /> )} <ButtonText>{gtMobile ? m['common.action.saveChanges']() : m['common.action.save']()}</ButtonText> </Button> </Layout.Header.Slot> </Layout.Header.EndSlot> </Layout.Header.Outer> <List data={items} estimateHeight={ROW_HEIGHT_ESTIMATE}73 unmodified lines39 unmodified lines40414243444445464647484950110 unmodified linesExpand all39 unmodified lines <Layout.Header.Content> <Layout.Header.TitleText>{m['common.interest.yourInterests']()}</Layout.Header.TitleText> </Layout.Header.Content> {isSaving && ( <Layout.Header.Slot> <Layout.Header.EndSlot> <Spinner color="default" label={m['common.status.saving']()} size="sm" /> </Layout.Header.Slot> </Layout.Header.EndSlot> )} </Layout.Header.Outer> <Layout.Content> <div className={styles.body}>110 unmodified linesExpand all279 unmodified linesExpand all28028128228328428428528628728824 unmodified lines31331431531631731731831932032182 unmodified lines279 unmodified linesExpand all <> <Layout.Header.Outer noBottomBorder sticky={false}> {canGoBack ? <Layout.Header.BackButton /> : <Layout.Header.MenuButton />} <Layout.Header.Content /> <Layout.Header.Slot> <Layout.Header.EndSlot> {hasSession ? ( <> {isOwn ? ( <Button24 unmodified lines onOpenShareDialog={onOpenShareDialog} /> </> ) : null} </Layout.Header.Slot> </Layout.Header.EndSlot> </Layout.Header.Outer> <StarterPackHeader record={record} creator={creator}82 unmodified lines36 unmodified lines3738394041414243444546474849505152464748495036 unmodified lines flexDirection: 'column', justifyContent: 'center',});
export const slot = style({const slot = style({ display: 'flex', flexShrink: 0, gap: space.sm, alignItems: 'center',
':first-child': { marginLeft: -space.sm, }, ':last-child': { marginRight: -space.sm, },});
export const startSlot = style([slot, { marginInlineStart: -space.sm }]);
export const endSlot = style([slot, { marginInlineEnd: -space.sm }]);