update

Simon-U · Aug 17, 2024 · 520d100 · 520d100
1 parent b5ed36e
commit 520d100
Show file tree

Hide file tree

Showing 9 changed files with 26 additions and 35 deletions.
diff --git a/dash_drag_grid/dash_drag_grid.min.js b/dash_drag_grid/dash_drag_grid.min.js
diff --git a/dash_drag_grid/dash_drag_grid.min.js.map b/dash_drag_grid/dash_drag_grid.min.js.map
diff --git a/deps/dash_drag_grid.min.js b/deps/dash_drag_grid.min.js
diff --git a/deps/dash_drag_grid.min.js.map b/deps/dash_drag_grid.min.js.map
diff --git a/inst/deps/dash_drag_grid.min.js b/inst/deps/dash_drag_grid.min.js
diff --git a/inst/deps/dash_drag_grid.min.js.map b/inst/deps/dash_drag_grid.min.js.map
diff --git a/src/lib/components/ToolBox2.react.js b/src/lib/components/ToolBox2.react.js
@@ -154,14 +154,12 @@ function ToolBox(props) {
                     key={key}
                     className="item toolbox"
                     data-grid={_data_grid}
-
                     unselectable="on"
                     onDragStart={handleDragStart(key)}
                     onClick={handleItemClick(key)}
                 >
-                    <div className="toolbox-item-content">
+
                         {props.component(content)}
-                    </div>
                 </div>
             );
         } catch (e) {
@@ -201,7 +199,7 @@ function ToolBox(props) {
                     isResizable={false}
                     isDraggable={false}
                     containerPadding={[0, 0]}
-                    compactType={'horizontal'}
+                    compactType={'vertical'}
                     onBreakpointChange={handleBreakpointChange}
                     style={style}
                 >

diff --git a/src/lib/components/style.css b/src/lib/components/style.css
@@ -101,11 +101,10 @@
     align-items: center;
 }
 
-
-.toolbox-container {
-    background-color: chartreuse;
+.react-grid-item.item.toolbox.cssTransforms.react-resizable-hide.react-resizable {
+    width: 200px !important;
+    align-content: center !important;
+    justify-content: center !important;
 }
 
-.toolbox-bg {
-    background-color: blue;
-}
+
diff --git a/usage/components/sidebar.py b/usage/components/sidebar.py
@@ -23,10 +23,12 @@
     dash_drag_grid.ToolboxItem(
         id="test6",
         inToolbox=False,
-        children=[
-            DashIconify(icon="ion:logo-github", width=30),
-            html.Div("icon test6"),
-        ],
+        children=dmc.Group(
+            [
+                DashIconify(icon="ion:logo-github", width=30),
+                html.Div("icon test6"),
+            ]
+        ),
     ),
 ]
 
@@ -40,23 +42,15 @@
 ]
 
 drawer_toolbox = dmc.Drawer(
-    dmc.Box(
-        dash_drag_grid.ToolBox2(
-            title="",
-            linkedId="test",
-            items=[],
-            id="toolbox_id"
-        ),
-        style={"height": "400px", "width": "200px", "background-color": 'red'},
-    ),
+    dash_drag_grid.ToolBox2(title="", linkedId="test", items=[], id="toolbox_id"),
     title="Toolbox",
     id="toolbox_drawer",
     padding="md",
     zIndex=150,
     position="right",
     size=500,
     trapFocus=False,
-    keepMounted=True
+    keepMounted=True,
 )
 
 
@@ -87,13 +81,14 @@ def make_tooltip_icon(text, icon, id, disabled=False):
     prevent_initial_call=True,
 )
 
+
 @callback(
-    Output('toolbox_id', "items"),
-    Output('toolbox_id', "linkedId"),
-    Input('url', 'pathname'),
+    Output("toolbox_id", "items"),
+    Output("toolbox_id", "linkedId"),
+    Input("url", "pathname"),
 )
 def update_toolbox_items(pathname):
-    if pathname == '/':
+    if pathname == "/":
         return toolBoxItems, "test_2"
     return toolBoxItems2, "test"
 
@@ -108,4 +103,3 @@ def make_sidebar():
     ]
 
     return dmc.Stack(content, justify="center", align="center")
-