diff --git a/apps/template-viewer/public/template-assets b/apps/template-viewer/public/template-assets deleted file mode 120000 index 3a89aaf1f30..00000000000 --- a/apps/template-viewer/public/template-assets +++ /dev/null @@ -1 +0,0 @@ -../../docsite/public/template-assets \ No newline at end of file diff --git a/packages/core/src/TabList/TabList.tsx b/packages/core/src/TabList/TabList.tsx index 3cf93bb2b64..fbed2475955 100644 --- a/packages/core/src/TabList/TabList.tsx +++ b/packages/core/src/TabList/TabList.tsx @@ -248,6 +248,15 @@ const styles = stylex.create({ '--_tab-edge-inset-start': `max(var(--container-padding-inline-start, ${spacingVars['--spacing-3']}), ${spacingVars['--spacing-2']})`, '--_tab-edge-inset-end': `max(var(--container-padding-inline-end, ${spacingVars['--spacing-3']}), ${spacingVars['--spacing-2']})`, }, + // Docking on the container's block-end edge — what makes the underline meet + // a header's divider — is only correct when the strip is genuinely the last + // thing in the container, so it is gated on being a last child. + fullBleedBlockEnd: { + marginBlockEnd: { + default: null, + ':last-child': 'calc(-1 * var(--container-padding-block-end, 0px))', + }, + }, strip: { display: 'flex', alignItems: 'stretch', @@ -659,6 +668,7 @@ export function TabList({ layout === 'fill' && styles.fill, hasDivider && styles.divider, isFullBleed && styles.fullBleed, + isFullBleed && styles.fullBleedBlockEnd, xstyle, ), className,