mirror of
https://github.com/bitwarden/browser
synced 2026-02-13 06:54:07 +00:00
18 lines
653 B
TypeScript
18 lines
653 B
TypeScript
import { componentWrapperDecorator } from "@storybook/angular";
|
|
|
|
/**
|
|
* Render a story that uses `position: fixed`
|
|
* Used in layout and navigation components
|
|
**/
|
|
export const positionFixedWrapperDecorator = (wrapper?: (story: string) => string) =>
|
|
componentWrapperDecorator(
|
|
/**
|
|
* Applying a CSS transform makes a `position: fixed` element act like it is `position: relative`
|
|
* https://github.com/storybookjs/storybook/issues/8011#issue-490251969
|
|
*/
|
|
(story) =>
|
|
/* HTML */ `<div class="tw-scale-100 tw-h-screen tw-border-2 tw-border-solid tw-border-[red]">
|
|
${wrapper ? wrapper(story) : story}
|
|
</div>`,
|
|
);
|