bootstrap theme for dcc compoments

rookiepeng · Jul 13, 2024 · 0bd8cce · 0bd8cce
1 parent 17a1731
commit 0bd8cce
Show file tree

Hide file tree

Showing 8 changed files with 610 additions and 541 deletions.
diff --git a/app_config.py b/app_config.py
@@ -42,6 +42,7 @@
 DATA_PATH = "./data"
 FRAME_CACHE_PATH = "./cache/frame"
 DASH_CACHE_PATH = "./cache/dash"
+THEME = "dbc"
 
 EXPIRATION = 172800  # 2 days in seconds
 CACHE_KEYS = {

diff --git a/app_layout.py b/app_layout.py
@@ -37,7 +37,7 @@
 
 import plotly.io as pio
 
-from app_config import APP_TITLE, APP_VERSION
+from app_config import APP_TITLE, APP_VERSION, THEME
 
 colorscales = [
     "Blackbody",
@@ -446,6 +446,16 @@
                                     dbc.CardHeader("Filter"),
                                     dbc.CardBody(
                                         [
+                                            dbc.Label("Visibility Options"),
+                                            html.Div(
+                                                dcc.Dropdown(
+                                                    id="dropdown-visibility",
+                                                    options=["visible", "hidden"],
+                                                    value=["visible"],
+                                                    multi=True,
+                                                ),
+                                                className=THEME,
+                                            ),
                                             html.Div(
                                                 id="dropdown-container", children=[]
                                             ),
@@ -1095,7 +1105,10 @@
                 dbc.Row(
                     [
                         dbc.Col(
-                            dcc.Dropdown(id="dim-picker-parallel", multi=True),
+                            html.Div(
+                                dcc.Dropdown(id="dim-picker-parallel", multi=True),
+                                className=THEME,
+                            ),
                         ),
                         dbc.Tooltip(
                             "Dimensions",
@@ -1390,7 +1403,10 @@ def get_app_layout():
                                 ),
                                 dbc.Col(
                                     dbc.Collapse(
-                                        dcc.Dropdown(id="file-add", multi=True),
+                                        html.Div(
+                                            dcc.Dropdown(id="file-add", multi=True),
+                                            className=THEME,
+                                        ),
                                         id="collapse-add",
                                         is_open=False,
                                     ),