overleaf/services/web/frontend/stories/ide-page/layout.stories.tsx
Tim Down ea1fc5f74e React IDE page shell (#14988)
* React IDE page shell

* Set the maximum height of the symbol palette to 336px

* Tidy export

* Remove unnecessary destructuring

* Update comment

* Optimize toggle

Co-authored-by: Alf Eaton <alf.eaton@overleaf.com>

* Change snap-to-collapse threshold to 5%

* Synchronize left column width between history and editor views and remove duplication in ide-page

* Replace resizer dots with SVG

* Rermove unnecessary import and comment the remaining ones

* Use block prepend to avoid duplication

* Improve vertical content divider styling

* Implement fixed width during container resize on left column

* Change IDE page file extension

* Refactor fixed-size panel into a hook and use for chat panel

---------

Co-authored-by: Alf Eaton <alf.eaton@overleaf.com>
GitOrigin-RevId: aa881e48a2838a192b6f8f9e16e561f5cd706bd3
2023-10-03 08:04:04 +00:00

27 lines
527 B
TypeScript

import LayoutWithPlaceholders from '@/features/ide-react/components/layout/layout-with-placeholders'
export default {
title: 'Editor / Page Layout',
component: LayoutWithPlaceholders,
decorators: [
(Story: any) => (
<div
style={{ position: 'absolute', inset: '1em', border: 'solid #ccc 1px' }}
>
<Story />
</div>
),
],
}
export const Persisted = {
args: {
shouldPersistLayout: true,
},
}
export const Unpersisted = {
args: {
shouldPersistLayout: false,
},
}