focus and transition

components/StyledMenu.qml

@@ -8,5 +8,21 @@ Menu {
     palette.window: Theme.palette.base100
     palette.base: Theme.palette.base100
 
+    focus: true
     closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutsideParent
+
+    enter: Transition {
+        NumberAnimation {
+            property: "opacity"
+            from: 0.0
+            to: 1.0
+        }
+    }
+    exit: Transition {
+        NumberAnimation {
+            property: "opacity"
+            from: 1.0
+            to: 0.0
+        }
+    }
 }

components/StyledMenuSeparator.qml

@@ -0,0 +1,9 @@
+import qs.config
+import QtQuick
+import QtQuick.Controls
+
+MenuSeparator {
+    palette.text: Theme.palette.basecontent
+    palette.highlight: Theme.palette.primary
+    palette.highlightedText: Theme.palette.primarycontent
+}

modules/storybook/Storybook.qml

@@ -134,9 +134,7 @@ StyledWindow {
                         StyledMenuItem {
                             text: "Open..."
                         }
-                        StyledMenuItem {
-                            text: "Save"
-                        }
+                        StyledMenuSeparator {}
                         StyledMenuItem {
                             text: "Close"
                         }