fix(tree-item): do not select when chevron clicked (#9115)

**Related Issue:** #7901 ## Summary Clicking the chevron next to a menu item with children no longer selects the menu item.
Esri · Apr 25, 2024 · 99ad8f1 · 99ad8f1
1 parent 3353fc7
commit 99ad8f1
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/packages/calcite-components/src/components/tree-item/tree-item.scss b/packages/calcite-components/src/components/tree-item/tree-item.scss
@@ -19,14 +19,16 @@
     @apply min-h-[1.5rem];
     .node-container {
       .checkbox,
-      .chevron,
       .checkmark,
       .bullet-point {
         margin-inline: theme("margin.1");
       }
       .icon-start {
         margin-inline: theme("margin.3");
       }
+      .chevron {
+        padding: theme("padding.1");
+      }
     }
   }
 }
@@ -38,14 +40,16 @@
     @apply min-h-[2rem];
     .node-container {
       .checkbox,
-      .chevron,
       .checkmark,
       .bullet-point {
         margin-inline: theme("margin.2");
       }
       .icon-start {
         margin-inline: theme("margin.3");
       }
+      .chevron {
+        padding: theme("padding.2");
+      }
     }
   }
 }
@@ -57,14 +61,17 @@
     @apply min-h-[2.75rem];
     .node-container {
       .checkbox,
-      .chevron,
       .checkmark,
       .bullet-point {
         margin-inline: theme("margin.3");
       }
       .icon-start {
         margin-inline: theme("margin.3");
       }
+      .chevron {
+        padding-inline: var(--calcite-size-md);
+        padding-block: var(--calcite-size-sm-plus);
+      }
     }
   }
 }