"""Action bar component for the bottom of the application.
The action bar provides status information and debug output. Primary
action buttons (Save, Export, Validate) live in the properties panel
for better accessibility.
Component Structure
-------------------
::
┌───────────────────────────────────────────────────────────────────┐
│ │
└───────────────────────────────────────────────────────────────────┘
Notes
-----
The action bar was simplified in v0.0.8 after discovering that flexbox
layout caused visibility issues with dynamically-enabled dbc.Button
components. Primary action buttons were moved to the file browser
panel which uses a simple stacked layout.
See Also
--------
- ``properties_panel.py``: Contains Save, Export, and Validate buttons
- ``callbacks/file_callbacks.py``: Callbacks for save operations
- ``callbacks/validation_callbacks.py``: Callbacks for validation
"""
from dash import html
[docs]
def create_action_bar() -> html.Div:
"""Create the bottom action bar.
The action bar provides a consistent footer area. Primary action
buttons are located in the file browser panel for better UX.
Returns
-------
html.Div
Container with action bar content.
Notes
-----
This component was simplified after flexbox issues in v0.0.8.
The Save, Export, and Validate buttons now live in properties_panel.py.
"""
return html.Div(
[
# Spacer to keep the footer height consistent.
html.Span(className="flex-grow-1"),
],
className="d-flex align-items-center p-2 bg-body-tertiary border-top",
)