#526 - Fix content menu

CHANGELOG.md

@@ -25,6 +25,7 @@
 
 - [#518](https://github.com/estruyf/vscode-front-matter/issues/518): Fix an issue where the `YAML` parser adds line breaks to long strings
 - [#520](https://github.com/estruyf/vscode-front-matter/issues/520): Add the URL protocol to the host on opening the preview if it's missing
+- [#526](https://github.com/estruyf/vscode-front-matter/issues/526): Fix card content menu
 
 ## [8.3.0] - 2023-02-14 - [Release notes](https://beta.frontmatter.codes/updates/v8.3.0)
 

pnpm-lock.yaml

@@ -3,7 +3,7 @@ lockfileVersion: 5.4
 specifiers:
   '@actions/core': ^1.8.2
   '@bendera/vscode-webview-elements': 0.6.2
-  '@estruyf/vscode': 0.0.3
+  '@estruyf/vscode': ^1.1.0
   '@headlessui/react': 1.5.0
   '@heroicons/react': 1.0.4
   '@iarna/toml': 2.2.3
@@ -96,13 +96,13 @@ specifiers:
   webpack-bundle-analyzer: ^4.5.0
   webpack-cli: ^4.9.1
   webpack-dev-server: ^4.6.0
-  yaml: ^1.10.2
+  yaml: ^2.2.1
   yawn-yaml: ^1.5.0
 
 devDependencies:
   '@actions/core': 1.10.0
   '@bendera/vscode-webview-elements': 0.6.2
-  '@estruyf/vscode': 0.0.3
+  '@estruyf/vscode': 1.1.0
   '@headlessui/react': 1.5.0_w7o5yyljkiidx2s2nzb26ottzu
   '@heroicons/react': 1.0.4_react@17.0.1
   '@iarna/toml': 2.2.3
@@ -195,7 +195,7 @@ devDependencies:
   webpack-bundle-analyzer: 4.7.0
   webpack-cli: 4.10.0_y7ttplitmkohdpgkllksfboxwa
   webpack-dev-server: 4.11.1_pda42hcaj7d62cr262fr632kue
-  yaml: 1.10.2
+  yaml: 2.2.1
   yawn-yaml: 1.5.0
 
 packages:
@@ -313,10 +313,11 @@ packages:
       - supports-color
     dev: true
 
-  /@estruyf/vscode/0.0.3:
-    resolution: {integrity: sha512-Mak13ZHj/TcyL0snPHsrqELlhpvV1JszZFScCcm1G2dp6UdP4dSk32MlNH5FusGhTIEOI6APE8krldMcZjS/3w==}
+  /@estruyf/vscode/1.1.0:
+    resolution: {integrity: sha512-JOjok+d870IsBPqk/E+KeW9E5ar+slqW8Sae5PtNb1yB8aMudJy9DHV5wQeki/ZwggFYDv+6EPjyzW/71/5yVw==}
     dependencies:
       '@types/vscode-webview': 1.57.0
+      uuid: 9.0.0
     dev: true
 
   /@headlessui/react/1.5.0_w7o5yyljkiidx2s2nzb26ottzu:
@@ -7137,6 +7138,11 @@ packages:
     hasBin: true
     dev: true
 
+  /uuid/9.0.0:
+    resolution: {integrity: sha512-MXcSTerfPa4uqyzStbRoTgt5XIe3x5+42+q1sDuy3R5MDk66URdLMOZe5aPX/SQd+kuYAh0FdP/pO28IkQyTeg==}
+    hasBin: true
+    dev: true
+
   /uvu/0.5.6:
     resolution: {integrity: sha512-+g8ENReyr8YsOc6fv/NVJs2vFdHBnBNdfE49rshrTzDWOlUx4Gq7KOS2GD8eqhy2j+Ejq29+SbKH8yjkAqXqoA==}
     engines: {node: '>=8'}
@@ -7542,6 +7548,11 @@ packages:
     engines: {node: '>= 6'}
     dev: true
 
+  /yaml/2.2.1:
+    resolution: {integrity: sha512-e0WHiYql7+9wr4cWMx3TVQrNwejKaEe7/rHNmQmqRjazfOP5W8PB6Jpebb5o6fIapbz9o9+2ipcaTM2ZwDI6lw==}
+    engines: {node: '>= 14'}
+    dev: true
+
   /yargs-parser/20.2.4:
     resolution: {integrity: sha512-WOkpgNhPTlE73h4VFAFsOnomJVaovO8VqLDzy5saChRBFQFBoMYirowyW+Q9HB4HFF4Z7VZTiG3iSzJJA29yRA==}
     engines: {node: '>=10'}

src/dashboardWebView/components/Contents/ContentActions.tsx

@@ -96,7 +96,7 @@ export const ContentActions: React.FunctionComponent<IContentActionsProps> = ({
             )
             }`}
         >
-          <Menu as="div" className={`relative flex text-left ${listView ? '' : 'z-10'}`}>
+          <Menu as="div" className={`relative flex text-left`}>
             {!listView && (
               <div className="hidden group-hover/card:flex">
                 <QuickAction title={`View content`} onClick={onView}>

src/dashboardWebView/components/Header/Header.tsx

@@ -141,7 +141,7 @@ export const Header: React.FunctionComponent<IHeaderProps> = ({
   }, [location.search]);
 
   return (
-    <div className={`w-full sticky top-0 z-40 ${getColors(
+    <div className={`w-full sticky top-0 z-20 ${getColors(
       `bg-gray-100 dark:bg-vulcan-500`,
       `bg-[var(--vscode-editor-background)] text-[var(--vscode-editor-foreground)]`
     )