fix: add cursor pointer to clickable elements (#6255)

Add cursor: pointer to kilo-ui interactive components that were missing it:
- Tabs trigger
- Checkbox
- Switch
- Accordion trigger
- Collapsible trigger (new override file)
- Radio group item label (new override file)

The upstream ui package sets cursor: default on these elements. The kilo-ui
override layer already had cursor: pointer on Button, IconButton, Select,
List items, ContextMenu items, and DropdownMenu items, but these six
components were missed.
This commit is contained in:
kiloconnect[bot]
2026-03-05 11:07:02 +01:00
committed by Mark IJbema
parent c7541b7933
commit a7dff7dd8c
8 changed files with 34 additions and 0 deletions
@@ -2,4 +2,8 @@
[data-component="accordion"] {
font-size: 13px;
[data-slot="accordion-trigger"] {
cursor: pointer;
}
}
@@ -2,6 +2,7 @@
[data-component="checkbox"] {
margin: 4px 0;
cursor: pointer;
[data-slot="checkbox-checkbox-control"] {
width: 18px;
@@ -0,0 +1,7 @@
/* Kilo Collapsible overrides */
[data-component="collapsible"] {
[data-slot="collapsible-trigger"] {
cursor: pointer;
}
}
@@ -0,0 +1,7 @@
/* Kilo Radio Group overrides */
[data-component="radio-group"] {
[data-slot="radio-group-item-label"] {
cursor: pointer;
}
}
@@ -1,6 +1,8 @@
/* Kilo Switch overrides */
[data-component="switch"] {
cursor: pointer;
[data-slot="switch-label"] {
font-size: 13px;
}
+9
View File
@@ -36,6 +36,15 @@
font-size: 13px;
}
/* Default/alt variant adjustments */
[data-slot="tabs-trigger"] {
height: 48px;
padding: 4px 0;
font-size: 13px;
line-height: normal;
cursor: pointer;
}
&[data-variant="settings"] {
container-type: inline-size;
+2
View File
@@ -13,6 +13,7 @@
@import "../components/chat-input.css";
@import "../components/checkbox.css";
@import "../components/code.css";
@import "../components/collapsible.css";
@import "../components/context-menu.css";
@import "../components/dialog.css";
@import "../components/diff-changes.css";
@@ -27,6 +28,7 @@
@import "../components/model-selector.css";
@import "../components/popover.css";
@import "../components/prompt-input.css";
@import "../components/radio-group.css";
@import "../components/select.css";
@import "../components/session.css";
@import "../components/settings-sidebar.css";
@@ -12,6 +12,7 @@
@import "../../components/chat-input.css";
@import "../../components/checkbox.css";
@import "../../components/code.css";
@import "../../components/collapsible.css";
@import "../../components/context-menu.css";
@import "../../components/dialog.css";
@import "../../components/dropdown-menu.css";
@@ -25,6 +26,7 @@
@import "../../components/model-selector.css";
@import "../../components/popover.css";
@import "../../components/prompt-input.css";
@import "../../components/radio-group.css";
@import "../../components/select.css";
@import "../../components/session.css";
@import "../../components/settings-sidebar.css";