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

@ -2,12 +2,16 @@ import "./Island.css";
import React from "react";
type IslandProps = { children: React.ReactNode; padding?: number };
type IslandProps = {
children: React.ReactNode;
padding?: number;
className?: string;
};
export const Island = React.forwardRef<HTMLDivElement, IslandProps>(
({ children, padding }, ref) => (
({ children, padding, className }, ref) => (
<div
className="Island"
className={`${className ?? ""} Island`}
style={{ "--padding": padding } as React.CSSProperties}
ref={ref}
>