wip implemented into main app

bec_widgets/applications/main_app.py

@@ -1,9 +1,12 @@
+from bec_qthemes.qss_editor.qss_editor import ThemeWidget
 from qtpy.QtWidgets import QApplication, QHBoxLayout, QStackedWidget, QWidget
 
 from bec_widgets.applications.navigation_centre.reveal_animator import ANIMATION_DURATION
 from bec_widgets.applications.navigation_centre.side_bar import SideBar
 from bec_widgets.applications.navigation_centre.side_bar_components import NavigationItem
 from bec_widgets.applications.views.view import ViewBase, WaveformViewInline, WaveformViewPopup
+from bec_widgets.examples.developer_view.developer_view import DeveloperView
+from bec_widgets.examples.device_manager_view.device_manager_view import DeviceManagerView
 from bec_widgets.utils.colors import apply_theme
 from bec_widgets.widgets.containers.advanced_dock_area.advanced_dock_area import AdvancedDockArea
 from bec_widgets.widgets.containers.main_window.main_window import BECMainWindow
@@ -28,8 +31,8 @@ class BECMainApp(BECMainWindow):
 
         container = QWidget(self)
         layout = QHBoxLayout(container)
-        layout.setContentsMargins(0, 0, 0, 0)
-        layout.setSpacing(0)
+        layout.setContentsMargins(0, 0, 6, 0)
+        layout.setSpacing(6)
         layout.addWidget(self.sidebar, 0)
         layout.addWidget(self.stack, 1)
         self.setCentralWidget(container)
@@ -44,10 +47,26 @@ class BECMainApp(BECMainWindow):
     def _add_views(self):
         self.add_section("BEC Applications", "bec_apps")
         self.ads = AdvancedDockArea(self)
+        self.developer_view = DeveloperView(self)
+        self.device_manager_view = DeviceManagerView(self)
 
         self.add_view(
             icon="widgets", title="Dock Area", id="dock_area", widget=self.ads, mini_text="Docks"
         )
+        self.add_view(
+            icon="code_blocks",
+            title="Developer View",
+            id="developer_view",
+            widget=self.developer_view,
+            mini_text="Dev",
+        )
+        self.add_view(
+            icon="display_settings",
+            title="Device Manager",
+            id="device_manager",
+            widget=self.device_manager_view,
+            mini_text="Devices",
+        )
 
         if self._show_examples:
             self.add_section("Examples", "examples")
@@ -185,5 +204,7 @@ if __name__ == "__main__":  # pragma: no cover
     apply_theme("dark")
     w = BECMainApp(show_examples=args.examples)
     w.show()
+    # theme_widget = ThemeWidget()
+    # theme_widget.show()
 
     sys.exit(app.exec())

bec_widgets/applications/navigation_centre/side_bar.py

@@ -31,7 +31,7 @@ class SideBar(QScrollArea):
         self,
         parent=None,
         title: str = "Control Panel",
-        collapsed_width: int = 56,
+        collapsed_width: int = 65,
         expanded_width: int = 250,
         anim_duration: int = ANIMATION_DURATION,
     ):

bec_widgets/examples/developer_view/developer_view.py

@@ -67,6 +67,7 @@ class DeveloperView(BECWidget, QWidget):
         self._root_layout.addWidget(self.toolbar)
 
         self.dock_manager = CDockManager(self)
+        self.dock_manager.setStyleSheet("")
         self._root_layout.addWidget(self.dock_manager)
 
         # Initialize the widgets

bec_widgets/examples/device_manager_view/device_manager_view.py

@@ -96,6 +96,7 @@ class DeviceManagerView(BECWidget, QWidget):
         self._root_layout.setContentsMargins(0, 0, 0, 0)
         self._root_layout.setSpacing(0)
         self.dock_manager = CDockManager(self)
+        self.dock_manager.setStyleSheet("""""")
         self._root_layout.addWidget(self.dock_manager)
 
         # Available Resources Widget

bec_widgets/widgets/containers/advanced_dock_area/advanced_dock_area.py

@@ -167,7 +167,7 @@ class AdvancedDockArea(BECWidget, QWidget):
 
         # Top-level layout hosting a toolbar and the dock manager
         self._root_layout = QVBoxLayout(self)
-        self._root_layout.setContentsMargins(0, 0, 0, 0)
+        self._root_layout.setContentsMargins(0, 0, 0, 6)
         self._root_layout.setSpacing(0)
 
         # Init Dock Manager
@@ -302,6 +302,8 @@ class AdvancedDockArea(BECWidget, QWidget):
 
     def _setup_toolbar(self):
         self.toolbar = ModularToolBar(parent=self)
+        self.toolbar.setProperty("variant", "primary")
+        # self.toolbar.setStyleSheet(f"QToolBar {{ border-bottom: 1px; }}")
 
         PLOT_ACTIONS = {
             "waveform": (Waveform.ICON_NAME, "Add Waveform", "Waveform"),

bec_widgets/widgets/editors/monaco/monaco_tab.py

@@ -34,6 +34,7 @@ class MonacoDock(BECWidget, QWidget):
         self._root_layout.setSpacing(0)
 
         self.dock_manager = QtAds.CDockManager(self)
+        self.dock_manager.setStyleSheet("")
         self.dock_manager.focusedDockWidgetChanged.connect(self._on_focus_event)
         self._root_layout.addWidget(self.dock_manager)
         self.dock_manager.installEventFilter(self)