diff --git a/packages/web/src/widgets/WidgetColumnBar.js b/packages/web/src/widgets/WidgetColumnBar.js index b327026a0..bc19d3377 100644 --- a/packages/web/src/widgets/WidgetColumnBar.js +++ b/packages/web/src/widgets/WidgetColumnBar.js @@ -54,17 +54,16 @@ export default function WidgetColumnBar({ children }) { {childArray.map((widget, index) => { if (!widget) return null; return ( - <> + toggleCollapsed(widget.props.name)}>{widget.props.title} x && !collapsedWidgets.includes(x.props.name))} /> - + ); })} diff --git a/packages/web/src/widgets/WidgetStyles.js b/packages/web/src/widgets/WidgetStyles.js index 77c4c9607..5d2a39de7 100644 --- a/packages/web/src/widgets/WidgetStyles.js +++ b/packages/web/src/widgets/WidgetStyles.js @@ -1,7 +1,7 @@ // @ts-nocheck import React from 'react'; import styled from 'styled-components'; -import theme from '../theme'; +// import theme from '../theme'; import { useLeftPanelWidth } from '../utility/globalState'; export const SearchBoxWrapper = styled.div` @@ -20,18 +20,18 @@ export const WidgetsMainContainer = styled.div` const StyledWidgetsOuterContainer = styled.div` overflow: hidden; - width: ${(props) => props.leftPanelWidth}px; + // width: ${(props) => props.leftPanelWidth}px; position: relative; flex-direction: column; display: flex; `; export function WidgetsOuterContainer({ children, style = undefined, refNode = undefined }) { - const leftPanelWidth = useLeftPanelWidth(); + // const leftPanelWidth = useLeftPanelWidth(); return (