Merge pull request #1839 from flowforge/1836-data-table-hover

Improve data-row interactions
FlowFuse · Mar 15, 2023 · cacc59f · cacc59f
2 parents 6317740 + e11155b
commit cacc59f
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/frontend/src/pages/project/components/cells/ProjectEditorLink.vue b/frontend/src/pages/project/components/cells/ProjectEditorLink.vue
@@ -6,6 +6,7 @@
             target="_blank"
             class="ff-btn ff-btn--secondary"
             data-action="open-editor"
+            @click.stop
         >
             Open Editor
             <span class="ff-btn--icon ff-btn--icon-right">

diff --git a/frontend/src/stylesheets/common.scss b/frontend/src/stylesheets/common.scss
@@ -114,4 +114,10 @@ label {
         pointer-events: none;
         color: black;
     }
+}
+
+// Handle nested buttons in a data table
+
+.ff-data-table--cell a:not(.ff-btn):hover {
+    color: $ff-blue-600;
 }
diff --git a/package.json b/package.json
@@ -57,7 +57,7 @@
         "@fastify/helmet": "^10.0.2",
         "@fastify/passport": "^2.2.0",
         "@fastify/static": "^6.5.0",
-        "@flowforge/forge-ui-components": "^0.5.4",
+        "@flowforge/forge-ui-components": "^0.5.5",
         "@flowforge/localfs": "^1.4.0",
         "@headlessui/vue": "1.7.12",
         "@heroicons/vue": "1.0.6",