self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2025-01-11 18:24:43 +02:00
Code Issues Releases Activity

Desktop: Optimized resizing window

Browse Source
This commit is contained in:
Laurent Cozic 2020-11-15 19:22:42 +00:00
parent 6769026265
commit ccc726f2ae
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/app-desktop/gui/ResizableLayout/utils/style.ts
View File

@ -1,11 +1,17 @@
import { ThemeAppearance } from '@joplin/lib/themes/type'; import { ThemeAppearance } from '@joplin/lib/themes/type';
import styled from 'styled-components'; import styled from 'styled-components';
export const StyledWrapperRoot = styled.div` // Need to use `attrs` otherwise styled-components creates many instances of the
// style when the component is resized.
// https://github.com/styled-components/styled-components/issues/1212
export const StyledWrapperRoot = styled.div.attrs((props: any) => ({
style: {
width: props.size.width,
height: props.size.height,
},
}))`
position: relative; position: relative;
display: flex; display: flex;
width: ${props => props.size.width}px;
height: ${props => props.size.height}px;
`; `;
export const StyledMoveOverlay = styled.div` export const StyledMoveOverlay = styled.div`