[daffodil-vscode] branch main updated: use not-allowed cursor if a selection is made or onclick disabled

[davin]

This is an automated email from the ASF dual-hosted git repository.

davin pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/daffodil-vscode.git


The following commit(s) were added to refs/heads/main by this push:
     new 304d17a  use not-allowed cursor if a selection is made or onclick 
disabled
304d17a is described below

commit 304d17ab6d5422b54c734bb721a4a95a48fe8fbc
Author: Davin Shearer <scholarsm...@gmail.com>
AuthorDate: Tue Aug 8 17:58:04 2023 -0400

    use not-allowed cursor if a selection is made or onclick disabled
---
 .../CustomByteDisplay/FileTraversalIndicator.svelte         | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git 
a/src/svelte/src/components/DataDisplays/CustomByteDisplay/FileTraversalIndicator.svelte
 
b/src/svelte/src/components/DataDisplays/CustomByteDisplay/FileTraversalIndicator.svelte
index 7c91a77..56c9142 100644
--- 
a/src/svelte/src/components/DataDisplays/CustomByteDisplay/FileTraversalIndicator.svelte
+++ 
b/src/svelte/src/components/DataDisplays/CustomByteDisplay/FileTraversalIndicator.svelte
@@ -64,7 +64,12 @@ limitations under the License.
   }
 </script>
 
-<div class="traversal-container" bind:this={indicatorContainer}>
+<div
+  class="traversal-container {selectionActive || indicatorClickDisabled
+    ? 'disabled'
+    : 'enabled'}"
+  bind:this={indicatorContainer}
+>
   <div class="traversal-thumb" style:width="{percentageTraversed}%" />
 </div>
 
@@ -80,7 +85,11 @@ limitations under the License.
   div.traversal-thumb {
     height: 8px;
   }
-  div.traversal-container:hover {
+  div.traversal-container.enabled {
     cursor: pointer;
   }
+  div.traversal-container.disabled {
+    cursor: not-allowed;
+    opacity: 0.3;
+  }
 </style>