fix(core/group): use correct cursors (#1225)

Co-authored-by: Demirci <[email protected]> Co-authored-by: Lukas Maurer <[email protected]>
siemens · May 2, 2024 · a35859a · a35859a
1 parent f3f8db2
commit a35859a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/.changeset/rare-eagles-laugh.md b/.changeset/rare-eagles-laugh.md
@@ -0,0 +1,5 @@
+---
+"@siemens/ix": patch
+---
+
+fix(core/group): use correct cursors
diff --git a/packages/core/src/components/group-item/group-item.scss b/packages/core/src/components/group-item/group-item.scss
@@ -32,6 +32,7 @@ $focusBorderWidth: 1px;
     background-color: var(--theme-group-item--background);
     border: 1px solid transparent;
     color: var(--theme-color-std-text);
+    cursor: pointer;
 
     padding-left: 2.5rem;
 
@@ -72,6 +73,10 @@ $focusBorderWidth: 1px;
   }
 }
 
+:host(.suppress-selection) {
+  pointer-events: none;
+}
+
 :host(.selected) {
   border-top-width: 0.062rem !important;
   background-color: var(--theme-color-ghost--selected);
@@ -81,20 +86,20 @@ $focusBorderWidth: 1px;
   }
 }
 
-:host(:not(.suppress-selection):hover) {
+:host(:hover) {
   background-color: var(--theme-color-ghost--selected-hover);
   border-color: var(--theme-group-item--border-color--hover);
 }
 
-:host(:not(.suppress-selection).selected:hover) {
+:host(.selected:hover) {
   background-color: var(--theme-color-ghost--selected-hover);
 }
 
-:host(:not(.suppress-selection):active) {
+:host(:active) {
   background-color: var(--theme-color-ghost--selected-active);
   border-color: var(--theme-group-item--border-color--active);
 }
 
-:host(:not(.suppress-selection).selected:active) {
+:host(.selected:active) {
   background-color: var(--theme-color-ghost--selected-active);
 }