Make controls dock closable and transparent title

Allow the left controls dock to be closed independently by adding QDockWidget.DockWidgetClosable to its features. Hide the docked title bar by applying a transparent stylesheet to the controls dock to improve visual integration. Also add a separator in the View menu before the Appearance submenu

Author: C-Achard

dlclivegui/gui/main_window.py

@@ -297,7 +297,7 @@ def _setup_ui(self) -> None:
         self.controls_dock.setWidget(controls_widget)
         ### Dock features
         self.controls_dock.setFeatures(  # must not close independently
-            QDockWidget.DockWidgetMovable | QDockWidget.DockWidgetFloatable
+            QDockWidget.DockWidgetMovable | QDockWidget.DockWidgetFloatable | QDockWidget.DockWidgetClosable
         )
         self.addDockWidget(Qt.LeftDockWidgetArea, self.controls_dock)
         self.setDockOptions(
@@ -306,6 +306,13 @@ def _setup_ui(self) -> None:
             | QMainWindow.DockOption.GroupedDragging
             | QMainWindow.DockOption.AnimatedDocks
         )
+        self.controls_dock.setStyleSheet(
+            """/* Docked title bar: fully transparent */
+            QDockWidget#ControlsDock::title {
+                background-color: rgba(0, 0, 0, 0);
+            }
+            """
+        )
 
         self.setStatusBar(QStatusBar())
         self._build_menus()
@@ -384,6 +391,7 @@ def _build_menus(self) -> None:
         # View menu
         view_menu = self.menuBar().addMenu("&View")
         view_menu.addAction(self.controls_dock.toggleViewAction())
+        view_menu.addSeparator()
         appearance_menu = view_menu.addMenu("Appearance")
         ## Style actions
         self.action_dark_mode = QAction("Dark theme", self, checkable=True)