Make left panel height flexible to avoid overflow (#1169)

* Make overall left menu scrollable

* Make only mid-left panel scrollable

* Update src/styles.scss

* Update src/styles.scss

* Update src/components/LayerUI.tsx

* Remove unused class

* Move the scrolling role to Island

Co-authored-by: Lipis <lipiridis@gmail.com>
This commit is contained in:
Sanghyeon Lee 2020-04-04 02:58:50 +09:00 committed by GitHub
parent 8dccc793ee
commit 96cea9b84b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 9 deletions

View file

@ -116,7 +116,7 @@ export const LayerUI = React.memo(
<HintViewer appState={appState} elements={elements} />
<div className="App-menu App-menu_top">
<Stack.Col gap={4}>
<Section className="App-right-menu" heading="canvasActions">
<Section heading="canvasActions">
<Island padding={4}>
<Stack.Col gap={4}>
<Stack.Row gap={1} justifyContent={"space-between"}>
@ -136,11 +136,8 @@ export const LayerUI = React.memo(
</Island>
</Section>
{showSelectedShapeActions(appState, elements) && (
<Section
className="App-right-menu"
heading="selectedShapeActions"
>
<Island padding={4}>
<Section heading="selectedShapeActions">
<Island className="App-menu__left" padding={4}>
<SelectedShapeActions
appState={appState}
elements={elements}