add label, make cursor pointer

galaxyproject · Nov 8, 2021 · d9ed7ed · d9ed7ed
1 parent e3f8848
commit d9ed7ed
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 4 deletions.
diff --git a/client/src/components/Form/Elements/FormColor.vue b/client/src/components/Form/Elements/FormColor.vue
@@ -1,7 +1,10 @@
 <template>
-    <b-row>
+    <b-row >
         <b-col sm="1">
-            <b-form-input v-model="currentValue" type="color" size="sm" />
+            <b-form-input class="cursor-pointer" :id="id" v-model="currentValue" type="color" size="sm" />
+        </b-col>
+        <b-col class="pl-0">
+            <label class="pt-1 cursor-pointer" :for="id">Select a color</label>
         </b-col>
     </b-row>
 </template>
@@ -13,6 +16,10 @@ export default {
             type: String,
             required: true,
         },
+        id: {
+            type: String,
+            required: true,
+        },
     },
     computed: {
         currentValue: {
@@ -26,3 +33,6 @@ export default {
     },
 };
 </script>
+<style scoped>
+@import "utils/pointer.css";
+</style>
diff --git a/client/src/components/Libraries/LibraryFolder/TopToolbar/FolderTopBar.vue b/client/src/components/Libraries/LibraryFolder/TopToolbar/FolderTopBar.vue
@@ -385,5 +385,5 @@ export default {
 </script>
 
 <style scoped>
-@import "./pointer.css";
+@import "utils/pointer.css";
 </style>
diff --git a/client/src/components/Libraries/LibraryFolder/library-folder-table.css b/client/src/components/Libraries/LibraryFolder/library-folder-table.css
@@ -1,4 +1,4 @@
-@import "./TopToolbar/pointer.css";
+@import "utils/pointer.css";
 
 th:focus {
     outline: none !important;

diff --git a/...ries/LibraryFolder/TopToolbar/pointer.css → client/src/utils/pointer.css b/...ries/LibraryFolder/TopToolbar/pointer.css → client/src/utils/pointer.css