fix(#10): make the group button deselect group

Author: jourdain

src/e3sm_quickview/components/drawers.py

@@ -73,10 +73,25 @@ def __init__(self, load_variables=None):
 
         with self:
             with html.Div(style="position:fixed;top:0;width: 500px;"):
+                with v3.VCardActions(classes="pb-0", style="min-height: 0;"):
+                    v3.VBtn(
+                        classes="text-none",
+                        color="primary",
+                        prepend_icon="mdi-database",
+                        text=(
+                            "`Load ${variables_selected.length} variable${variables_selected.length > 1 ? 's' :''}`",
+                        ),
+                        variant="flat",
+                        disabled=(
+                            "variables_selected.length === 0 || variables_loaded",
+                        ),
+                        click=load_variables,
+                        block=True,
+                    )
                 with v3.VCardActions(
                     key="variables_selected.length",
-                    classes="flex-wrap",
-                    style="overflow-y: auto; max-height: 100px;",
+                    classes="flex-wrap py-1",
+                    style="overflow-y: auto; max-height: 100px; min-height: 42px;",
                 ):
                     v3.VChip(
                         "{{ variables_selected.filter(id => variables_listing.find(v => v.id === id)?.type === vtype.name).length }} {{ vtype.name }}",
@@ -89,26 +104,11 @@ def __init__(self, load_variables=None):
                         size="small",
                         closable=True,
                         click_close=(
-                            "variables_selected = variables_selected.filter(id => variables_listing.find(v => v.id === id)?.type !== vtype.name)",
+                            "variables_selected = variables_selected.filter(id => variables_listing.find(v => v.id === id)?.type !== vtype.name)"
                         ),
                         classes="ma-1",
                     )
 
-                    v3.VSpacer()
-                    v3.VBtn(
-                        classes="text-none",
-                        color="primary",
-                        prepend_icon="mdi-database",
-                        text=(
-                            "`Load ${variables_selected.length} variable${variables_selected.length > 1 ? 's' :''}`",
-                        ),
-                        variant="flat",
-                        disabled=(
-                            "variables_selected.length === 0 || variables_loaded",
-                        ),
-                        click=load_variables,
-                    )
-
                 v3.VTextField(
                     v_model=("variables_filter", ""),
                     hide_details=True,