diff --git a/assets/media/styles.css b/assets/media/styles.css index db5aaaef..359baf65 100644 --- a/assets/media/styles.css +++ b/assets/media/styles.css @@ -21,6 +21,10 @@ } } +.absolute { + position: absolute !important; +} + .collapsible__body, .ext_settings { padding: 1rem 1.25rem; diff --git a/src/viewpanel/ViewPanel.tsx b/src/viewpanel/ViewPanel.tsx index 88ec64dc..7e3fe811 100644 --- a/src/viewpanel/ViewPanel.tsx +++ b/src/viewpanel/ViewPanel.tsx @@ -58,7 +58,7 @@ export const ViewPanel: React.FunctionComponent = (props: React settings && metadata && } - + { } diff --git a/src/viewpanel/components/Collapsible.tsx b/src/viewpanel/components/Collapsible.tsx index 62876064..d905540f 100644 --- a/src/viewpanel/components/Collapsible.tsx +++ b/src/viewpanel/components/Collapsible.tsx @@ -3,10 +3,11 @@ import { VsCollapsible } from './VscodeComponents'; export interface ICollapsibleProps { title: string; + className?: string; sendUpdate?: (open: boolean) => void; } -export const Collapsible: React.FunctionComponent = ({children, title, sendUpdate}: React.PropsWithChildren) => { +export const Collapsible: React.FunctionComponent = ({children, title, sendUpdate, className}: React.PropsWithChildren) => { const [ isOpen, setIsOpen ] = React.useState(true); // This is a work around for a lit-element issue of duplicate slot names @@ -23,7 +24,7 @@ export const Collapsible: React.FunctionComponent = ({childre return ( -
+
{children}